Помогите разобраться со скриптом
 

Помогите разобраться со скриптом новичку

1)Посоветуйте какие нибудь учебники по ява-скрипту и, может быть, по верстке, для совсем новичков, чтоб хорошо расписаны азы были, и, если можно, Русскоязычные.

2)Проверьте, правильно ли я трактую данный код (и, если можно, укажите на ошибки в трактовке):

// обращаемся к селектору с класом "preview_news" вызываем функцию on при срабатывании события "mouseover" для тега "h2" , вызываем анонимную функцию	
				$('.preview_news').on('mouseover', 'h2', function() {
// обращаемся к текущему свойству css и ставим параметр "text-decoration" "underline"				
					$(this).css({'text-decoration':'underline'});
// обращаемся к селектору с класом "preview_news" вызываем функцию "on"  по событию "mouseout" для тега "h2", вызываем анонимную функцию
				});
				$('.preview_news').on('mouseout', 'h2', function() {
// для текущего css свойства выставляем значение "text-decoration"	"none"				
					$(this).css({'text-decoration':'none'});
				});
// обращаемся к селектору с класом "preview_news" вызываем функцию "on" по событию "click" для тега h2 и для div с класом "preview-news-img", вызываем анонимную функцию	
				$('.preview_news').on('click', 'h2, div.preview-news-img', function() {
// Переменная содержимое "content" получила значение атрибут "data-url" 
					content = $(this).attr('data-url');
// обращемся к селектору с идентефикатором "preload" ставим анимаю появления продолжительностью 2 сек.
					$('#preload').fadeIn(200);
// вызываем функцию "getContent" , параметром которой переменная  "content"
					getContent(content);
// Вызываем функцию History с методом"pushState" с параметром "state" "1" метод  rand: значением которого являеться функция  "Math.random()", котороя возвращает случайное число с плавающей точкой, если возвраем  "null" (ноль), то складываем содержимое переменых "lang" + символ амперсанд + "content"
					History.pushState({state:1,rand:Math.random()}, null, "?"+lang+"&"+content);
				});

:help: :help: :help:

Это не ява-скрипт.

, и что же тогда? Не c++ часом?

Нет. Вообще-то .on() называется методом, и в данном случае, он не вызывается....

Это означает - методом .on() определить "делегирование" обработки события onmouseover на элементе H2 его родительскому элементу с классом "preview_news". Ну и в других случаях подобное.

$(this).css({'text-decoration':'underline'}); - это не обязательно текущее свойство, да это вообще и не свойство, такого стиля элементу может быть и не определено на текущий момент, это или изменение существующего стиля, если есть, или добавление.

А вообще так лучше не писать - методично для каждого случая, а так:

$('.preview_news').on('mouseover', 'h2', function() {
    $(this).css({'text-decoration':'underline'});
})
.on('mouseout', 'h2', function() {
    $(this).css({'text-decoration':'none'});
})
.....

либо:

$('.preview_news').on('mouseover mouseout', 'h2', function(e) { //или использовать метод .hover()
    $(this).css({'text-decoration': e.type=='mouseover' ? 'underline' : 'none'});
})
.....

То есть можно сразу определить родителю обработку множества событий.

Это не с++, это язык jquery, а вы думаете будто бы ява-скрипт.

Нет такого языка программирования.

Такого языка программирования нет, а язык jquery есть и цитата в первом сообщении вполне доказывает.

Нет такого языка, дурочку не надо включать. JQ, это Javascript, написанный на Javascript, выполняется в рамках тега определенного, то есть Javascript, а не VBS или иное.