Базу подготовили, теперь пора перейти к непосредственному изучению jQuery. Всё начинается с подключения библиотеки. И уже на этом этапе мы можем пойти несколькими путями:
-
Скачиваем jQuery с домашней страницы проекта http://jquery.com/ и положим рядышком с нашей
HTML-страничкой (советую скачать development-версию — всегда интересно
покопаться в исходном коде :):
Данный способ хорош для работы в offline или при слишком медленном соединении с интернетом. Отдельно стоит обратить внимание на путь — скрипты собраны в отдельной папке «js». И это не случайно, нужно приучать себя к порядку.
-
Используем CDN. Я предпочитаю сервис от компании Google, но есть ещё Microsoft и Яндекс,
а так же универсальный http://cdnjs.com/,
последний, кстати, размещает много популярных плагинов, за что им отдельное спасибо:
- С использованием менеджера пакетов NPM устанавливаем искомую библиотеку. Данный менеджер позволяет устанавливать очень много разнообразных библиотек и пакетов, за всем и не уследить.
Только подобный код ничего не сделает, так как на момент выполнения на странице ещё не
будет тегов <h2>
– слишком рано выполняется
скрипт, до загрузки всего HTML-документа. Для того, чтобы код сработал верно, мы должны
либо поместить код после искомого <h2>
, а то
и сразу в самый низ страницы, либо использовать метод «.ready()» для отслеживания
события «load» нашего «document»:
Также можно использовать сокращённый вариант без явного вызова метода «.ready()»:
Вы можете создать сколь угодно много подобных функций, не обязательно весь необходимый функционал помещать в одну.
$()
— это синоним для
jQuery()
. Чтобы у вас не возникало конфликтов с другими библиотеками за
использование «$», советую ваш код оборачивать в анонимную функцию следующего
вида (best practice):
Зелёный маркер W3C validator'а – это правильно, и к этому надо стремиться, так что не забывайте закрывать теги да прописывать обязательные параметры. Приведу пример HTML-кода, в котором согласно спецификации HTML 5 допущено шесть ошибок, найдите их: