Ключевым моментом в использовании данной библиотеки являетя функция jQuery. Эта функция запускается поле загрузки страницы. Поскольку, как правило, эта функция содержит код, манипулирующий элементами веб-страницы, то в этом случае естественно надо, чтобы к моменту срабатывания функции jquery все эти элементы были загружены. Поэтому принято помещать эту функцию в самый низ html-страницы, например, перед закрывающим тегом body.
Если же мы в предыдущем примере с двумя кнопками пометили бы код jquery в секцию head, где у нас идет подключение библиотеки и прочих скриптов, то в этом случае мы бы столкнулись с ошибкой, поскольку к моменту подключения используемая в скрипте кнопка была бы еще не создана.
Функция jQuery имеет следующий синтаксис:
jQuery(document).ready(function(){ // здесь код функции. });
Формально описание функции jQuery: jQuery(объект)
. В данном случае в качестве объекта испольузется объект document
,
представляющий фактически всю структуру DOM веб-страницы. И к нему применяется обработчик ready
, который и сигнализирует о том, что DOM-модель веб-страницы загружена.
В качестве параметра обработчика используется безымянная функция обратного вызова, которая и срабатывает при загрузке веб-страницы.
То есть фактически мы говорим веб-браузеру, что после загрузки всей объектной модели веб-страницы, представленной объектом document
, он должен выполнить весь код, который мы вкладываем
в функцию jQuery.
Есть также еще один способ объявления, который также равнозначен предыдущему:
$(document).ready(function(){ // здесь код функции. });
Знак $
представляет псевдоним jQuery.
Но мы можем использовать и сокращенные записи функции jQuery:
$(function(){ // здесь код функции. });
Или так:
jQuery(function(){ // здесь код функции. });
Все приведенные здесь четыре формы будут равнозначны.