Начало работы с jQuery

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

$(параметр)

Все создаваемые конструкции на jQuery можно разделить на 2 вида:

1. Получение jQuery объекта с помощью функции jQuery() или $() для последующего выполнения связанных с ним операций посредством jQuery методов
2. Выполнение действий с использованием глобальных методов объекта $, например $.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);
    }
});