Wiki-учебник по веб-технологиям: jQuery ...

Главная | |
Оглавление документа

1. Вступление


Вы наверное слышали о том, что существуют подключаемые библиотеки Java Script 'a. Для чего же нужны эти библиотеки?

При работе на Java Script не трудно заметить, что существуют проблемы совместимости разных браузеров. Возможности Java Script могут работать по разному. И примеров тому очень и очень много. Браузеры по разному работают с DOM (объектная модель документа), и отсюда вытекает множество проблем.

Кроме того, простой Java Script не совершенен. Нетрудно заметить, что в нём встроено всего 2 способа выбора элементов (по названию тэга и по идентификатору). Что если вам нужно отобрать некоторые элементы, содержащие, допустим, какой-либо класс? А на сегодняшний день CSS очень распространены, и трудно найти сайт, на котором не используются таблицы стилей, без использования классов. И, если вам нужно сделать что-то подобное, то на это уйдёт очень много времени, и очень много кода нужно будет написать. На jQuery это реализовывается буквально в несколько слов. И в результате в переменную занесутся все объекты с нужным классом.

Так же, стоит заметить, что за всю историю программирование на клиентском Java Script для сайтов набрался целый ряд общих задач, которые приходится решать очень часто. К примеру, перебирать элементы массивов в цикле. В jQuery на этот случай существуют автоматические циклы. Таких примеров, опять же, очень много.

Выбор элементов в jQuery основаны на CSS селекторах, и есть возможность выбрать практически любой тэг по разным критериям.

Преимущества:

2. Подключение


Для использования библиотеки jQuery внутри своих скриптов на вашем сайте, необходимо подключить её в начало html документа (внутри тэга <head>)

Пример:

<head>
<script type="text/javascript" src="js/jquery.js">
</head>


Подобная запись означает, что имя файла с библиотекой “jquery.js”, который находится в директории данного файла, в папке “js”.
Почему лучше подключать библиотеку с Google

3. Работа с jQuery


После подключения библиотеки, как описано выше в вашем распоряжении доступна функция jquery();. Она выполняет следующие функции:
В сокращенном варианте она выглядит вот так: $();
Используются оба варианта, но чаще на различных сайтах с примерами можно найти именно сокращенный вариант вызова этой функции. Это особенность не только jquery, но и других различных фреймворков, потому, в случае использования нескольких одновременно, применяют jquery();
В дальнейшем в данном учебнике будет использоваться сокращенное обозначение, т.е. $();

  1. Создание выборки из элементов
  2. Действия над элементами
  3. Реакция элементов на события браузера

 
Серверы в Европе Аренда серверов в Европе от 1.990 руб.