1. Вступление
Вы наверное слышали о том, что существуют подключаемые библиотеки Java Script 'a. Для чего же нужны эти библиотеки?
При работе на Java Script не трудно заметить, что существуют проблемы совместимости разных браузеров. Возможности Java Script могут работать по разному. И примеров тому очень и очень много. Браузеры по разному работают с DOM (объектная модель документа), и отсюда вытекает множество проблем.
Кроме того, простой Java Script не совершенен. Нетрудно заметить, что в нём встроено всего 2 способа выбора элементов (по названию тэга и по идентификатору). Что если вам нужно отобрать некоторые элементы, содержащие, допустим, какой-либо класс? А на сегодняшний день CSS очень распространены, и трудно найти сайт, на котором не используются таблицы стилей, без использования классов. И, если вам нужно сделать что-то подобное, то на это уйдёт очень много времени, и очень много кода нужно будет написать. На jQuery это реализовывается буквально в несколько слов. И в результате в переменную занесутся все объекты с нужным классом.
Так же, стоит заметить, что за всю историю программирование на клиентском Java Script для сайтов набрался целый ряд общих задач, которые приходится решать очень часто. К примеру, перебирать элементы массивов в цикле. В jQuery на этот случай существуют автоматические циклы. Таких примеров, опять же, очень много.
Выбор элементов в jQuery основаны на CSS селекторах, и есть возможность выбрать практически любой тэг по разным критериям.
Преимущества:
- Бесплатна. Ее можно скачать с
jquery.com
- Маленький размер (порядка 31 кб в сжатом состоянии, на данный момент)
- В интернете очень много примеров. Если изучить jQuery, то возможно использовать любой из них.
- Часто обновляется
- Очень много плагинов
- Для использования не нужно изучать что-то принципиально новое. Достаточно знать CSS, Java Script.
2. Подключение
Для использования библиотеки jQuery внутри своих скриптов на вашем сайте, необходимо подключить её в начало html документа (внутри тэга <head>)
Пример:
<head> <script type="text/javascript" src="js/jquery.js"> </head>
Подобная запись означает, что имя файла с библиотекой “jquery.js”, который находится в директории данного файла, в папке “js”.
Почему лучше подключать библиотеку с Google
3. Работа с jQuery
После подключения библиотеки, как описано выше в вашем распоряжении доступна функция jquery();. Она выполняет следующие функции:
- позволяет отбирать нужные элементы
- позволяет прописывать им события
- совершать с ними действия
Используются оба варианта, но чаще на различных сайтах с примерами можно найти именно сокращенный вариант вызова этой функции. Это особенность не только jquery, но и других различных фреймворков, потому, в случае использования нескольких одновременно, применяют jquery();
В дальнейшем в данном учебнике будет использоваться сокращенное обозначение, т.е. $();