Drupal и jQuery. Урок 2. Селекторы, эффекты.

В этом уроке мы разберем jQuery-селекторы и jQuery-эффекты.

Селекторы

Среди селекторов мы будем чаще всего использовать классы и id. Селекторы зачастую соответствую селекторам из CSS, поэтому если вы умеете писать селекторы в CSS, то вы умеете писать селекторы в jQuery. Вот так мы выбираем классы:

$('.class')

А вот так мы выбираем id:

$('#id')

Эффекты

В jQuery большое количество эффектов: hide/show (скрывает из нижнего правого угла), slideUp/slideDown (направление скрытия можно выбирать), fadeOut/fadeIn (постепенное изменение прозрачности).

$('.class').hide(1000);

$('.class').fadeOut(1000);

$('.class').slideUp(1000);

В уроке мы также использовали функцию setTimeout. Это функции javascript, она задерживает выполнение кода:

setTimeout(function(){

  // code here

}, 1000);

Первым параметром setTimeout мы передаем функцию, в которую мы можем вставить код, выполнение которого будет задерживаться на время указанное во втором параметре.