Максим

https://codepen.io/Valter1234/pen/VBJvyd

Не стоит, на своем примере знаю. Вы начнете изучать фраемворк и по началу все пойдет хорошо, но потом все пойдет по пи... плохо. И вам все равно прийдется изучать JS, а потом учить фраемворк. А так как вы забыли многие вещи в том же Vue потому, что вы изучали Js, вам прийдется заново изучать Vue практически с нуля. Оно того не стоит.
Плюс, фраемворки - всего лишь инструмент. Знания js намного важнее.

Могу порекомендовать по JS(css -не помню, что читал)
JavaScript: полное руководство
JavaScript: Шаблоны

Здравствуйте!
Можно сделать это, как модальное окно с затемнением фона. Что-то типо этого:
HTML:

<p id="test">
			<img src="1.jpg" alt="Image" title="Image" width="200" id="img">
		</p>

JS(jQuery):

$(document).ready(function () {
        $("#img").on("click" , function (event) {
			var ready = 0
            $(event.target).parent().css("text-align", "center");
            $(event.target).animate ({
                width: $(event.target).width() * 5,
                height: $(event.target).height() * 5,
            } , 3000);
			var ready = 1
			if (ready == 1) {
				$('body').css("background", "#616161")
			}
        });
    });

Добрый день!
Это невозможно. Это зависит от операционной системы.

$('.class1').on("click", function() {
    $('class2a').toggleClass("dn")
});

Удачного изучения jQuery

Привет!

Часто вижу, что люди не долюбливают jQuery.

На самом деле такие люди не могут привести нормальных аргументов.Просто не любят и все. Не слушайте таких.

Можно ли добиться того же эффекта на чистом js?

Все то ,что можно сделать на jQuery , можно сделать на чистом JS.

стоит ли учить тогда сначала чистый javascript, если я знаю его синтаксис и вообщем знаком с программированием?

Здесь зависит от твоего уровня знание синтаксиса и других языков. Вообще подтянуть JS лишнем не будет.