Page 311 - Браун Э. - Изучаем JavaScript. Руководство по созданию современных веб-сайтов - 2017
P. 311
П о дключ н и е jQuery
е
Самый простой способ подключения библиотеки jQuery - это использовать сеть
CDN.
<script src=" //code . j q uery . com/j q uery-2 . 1 . 4 . min . j s " > </script>
В jQuery 2.х уже не поддерживаются устаревшие браузеры Internet
Explorer 6, 7 и 8. Если необходима поддержка для этих браузеров, ис
пользуйте jQuery 1 . х. Библиотека jQuery 2.х значительно меньше и про
ще, поскольку не должна поддерживать эти устаревшие браузеры.
Ожида н и е заr руз к и и построения дерева DOM
Способ, которым браузер читает, интерпретирует и визуализирует НТМL-файл,
довольно сложен, и многие веб-разработчики по неосторожности сталкиваются с не
приятностями при попытке программного доступа к элементам DOM прежде, чем
у браузера будет шанс их загрузить.
jQuery позволяет вам поместить свой код в функцию обратного вызова, которая бу
дет вызвана, как только браузер полностью загрузит страницу и построит дерево DOM.
$ ( document ) . r eady ( f unction ( ) {
1 1 расположенный здесь код запускается после загрузки
/ / всего HTML и построения дерева DOM
} ) ;
Эту методику можно вполне безопасно использовать многократно, что позволяет по
мещать код jQuery в различные места и все еще иметь безопасное ожидание построения
дерева DOM. Есть также сокращенная версия, которая эквивалентна предыдущей.
$ ( function ( ) {
1 1 расположенный здесь код запускается после загрузки
1 1 всего НТМL-документа и построения дерева DOM
} ) ;
Помещение всего кода в такой блок является общепринятой практикой при ис
пользовании библиотеки jQuery.
Э лементы DOM в оболочке jQuery
Основная методика манипулирования DOM с использованием jQuery - это эле
менты DOM в оболочке jQuery (jQuery-wrapped DOM elements). Любая манипуля
ция DOM, осуществляемая с использованием jQuery, начинается с создания объекта
jQuery, являющегося "оболочкой" для набора элементов DOM (имейте в виду, что
набор может быть пустым или содержать только один элемент).
314 Глава 1 9 . Библиотека jQuery

