Объект событие – event
Объект событие всегда передается обработчику и содержит массу полезной информации о том, где и какое событие произошло.
function doSomething(event) {
// event - будет содержать объект события
}
Из объекта события обработчик может узнать, на каком элементе оно произошло, каковы были координаты мыши (для событий, связанных с мышью), какая клавиша была нажата (для событий, связанных с клавиатурой), и извлечь другую полезную информацию.
Например, для события по клику мыши (onclick), свойство event.target содержит DOM-элемент, на котором этот клик произошел.
Примечательно, что на одно событие может реагировать не только тот элемент, на котором произошло событие, но и элементы над ним. Это очень удобно, например если в элементе содержатся много дочерних HTML-тегов - не обязательно ставить обработчик на каждый, достаточно указать один обработчик на родителе и в нем ловить все события. Рассмотрим ситуацию, когда у вас есть три элемента "вложенных" друг в друга.
<div class="d1" >1<!-- самый верхний, в представлении DOM, элемент -->
<div class="d2">2
<div class="d3">3</div><!-- самый глубокий элемент -->
</div>
</div>
В этой модели сначала будет выполнен обработчик на элементе 3, затем на элементе 2, и последним будет выполнен обработчик на элементе 1. Такой порядок называется "всплывающим", потому что событие поднимается с самых "глубоких" элементов в представлении DOM, к самым "верхним", как пузырек воздуха в воде.
Библиотека Jquery
jQuery - это библиотека, которая значительно упрощает и ускоряет написание JavaScript кода. Девиз jQuery "write less, do more" (пиши меньше, делай больше) отражает ее главное предназначение. jQuery позволяет создавать анимацию, обработчики событий, значительно облегчает выбор элементов в DOM и создание AJAX запросов.
Данная библиотека работает со всеми браузерами (IE 6.0+, FF 2.0+, Safari 3.0+, Opera 9.0+, Chrome). Это значит, что Вам больше не нужно будет беспокоиться о кроссбраузерной совместимости JavaScript кода. Для jQuery написано огромное количество плагинов, которые позволяют расширить ее возможности еще больше.
Для того, чтобы начать использовать jQuery необходимо:
Скачать ее с официального сайта.
Добавить ее на страницу. Для этого следующий код должен быть добавлен на страницу в секцию head
<script type="text/javascript" src="путь_к_скачанному_файлу/jquery.js"> </script>
Выборки и селекторы
Аттрибуты элементов
События
Анимации
Манипуляции DOM
AJAX
Заключение
Современное web-приложение сложно представить без javascript-фреймворка, практически каждый сайт в той или мере использует уже написанную кем-то библиотеку. Такой подход является рациональным. Зачем тратить время и выдумывать свой велосипед? Ну, разве что в целях обучения ;).
Дополнительный материал:
jQuery library
http://jquery.com/
AngularJS from Google
https://angularjs.org/
https://www.codeschool.com/courses/shaping-up-with-angular-js
Литература
http://learn.javascript.ru