Начало работы с jQuery
Работа с библиотекой jQuery осуществляется с помощью универсальной функции $, которая для краткости состоит всего лишь из одного символа. После доллара следует писать круглые скобки (это же функция), в которых указываются параметры (обычно один параметр), примерно вот так:
$(параметр)
Все создаваемые конструкции на jQuery можно разделить на 2 вида:
Получение jQuery объекта
с помощью функцииjQuery()
или$()
для последующего выполнения связанных с ним операций посредствомjQuery методов
- Выполнение действий с использованием
глобальных методов объекта $
, например$.each
,$.ajax
и др.
Пример конструкции 1 вида
$(document).ready(function() {
console.log('Готово!');
});
Этот пример выводит в консоль сообщение «Готово!» когда браузер закончит создание DOM страницы.
Первая часть – это получение объекта jQuery. Мы это выполнили посредством вызова функции $()
с передачей ей в качестве значения аргумента DOM-элемента document
: $(document)
Вторая часть – это выполнения действий над объектом jQuery, полученным в 1 части конструкции с помощью методов jQuery. В этом примере, это ready
. Он предназначен для однократного вызова переданной в него функции, сразу после того, как DOM будет готов, в данном случае функция анонимная.
Пример конструкции 2 вида
Конструкции этого вида на jQuery предназначены для написания различных базовых вещей, например перебора массивов, создание ajax запросов. Такие конструкции начинаются не с вызова функции, а с её глобальных методов. Используя $.each
переберём массив чисел и выведем из них в консоль те, которые меньше 0:
// переменная numbers, содержащая массив чисел
var numbers = [-7, 4, 1, 9, -2];
// вызов глобального метода jQuery $.each
$.each(numbers, function(index, value) {
if (value < 0) {
console.log(value);
}
});
В качестве результата функция $()
всегда возвращает jQuery-объект. После этого к нему мы можем применить методы jQUery для выполнения различных операций. Применить jQuery методы не к jQuery-объекту нельзя.