jQuery - это просто!

Когда-то давно я отчаянно не хотел начинать пользоваться jQuery. Нет-нет, я не ретроград и не консерватор, мне нравится изучать новое, новые языки и технологии, но вот именно jQuery мне казался таким непонятным. Таким загадочным и пугающим, что хотелось обойти его стороной. Я писал на чистом js, что-то придумывал, делал «грязные» и не очень хаки, но упорно обходил стороной jQuery. И зря. Поверьте, на самом деле jQuery – это просто!

Чтобы убедиться в этом, мы разберем вполне конкретную задачу, которая стола передо мной в одном проекте. Решим её с помощью jQuery. Но сначала начнем с определений? Что это вообще такое? Это просто библиотека JavaScript с множеством полезных (и не очень) функций. Задействуя их, можно легко манипулировать структурой документа, а также взаимодействовать с другими (посредством ajax). Вот и все. Подключаем библиотеку, вызываем функцию, наслаждаемся результатом.

Но, как я говорил, давайте реализуем конкретный пример. Что нам требуется:

На веб страничке есть список из нескольких элементов. Необходимо удалить или скрыть второй из них.

Звучит просто, да? Вот как бы вы стали решать эту задачу на чистом JavaScript? Вы скажете элементарно:

document.getElementById('id_элемента').style.display="none";

Но что, если у элемента нет id и никак нельзя ему присвоить это id? Ну вот нельзя и все. У элемента даже класса нет (правда, у всего списка – родителя – есть). Исхитрившсь, конечно, решение можно найти и прибегнув к «чистому» JavaScript, но зачем такие жертвы, если есть jQuery, в котором эта задача решается одной строкой:

$('.spisok li:eq(1)').remove();

Если вы хоть немного знакомы с программированием, то без труда разберете эту строку, затруднение вызовет только eq(1) – это просто выборка элемента с индексом 1 (мы же знаем, что нумерация идет с нуля, если что?). Что здесь происходит: в объекте класса spisok берем элемент li под номером 2 и удаляем его. То есть синтаксис прост: $(селектор).метод();.

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