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 мы передаем функцию, в которую мы можем вставить код, выполнение которого будет задерживаться на время указанное во втором параметре.

Комментарии

Добавить комментарий

Войти, используя Loginza Google Account Yandex Mail.ru Vkontakte Facebook

Plain text

  • HTML-теги не обрабатываются и показываются как обычный текст
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Строки и параграфы переносятся автоматически.

Подскажи, добрый человек,

Подскажи, добрый человек, пересмотрел весь урок, не могу понять: у меня срабатывает:

(function($){

  $(document).ready(function(){

    alert('test')

  });

})(jQuery);

все корректно выводится, значит файл со скриптом подключен и работает!

Но как только пытаюсь применить какую-либо функцию, к какому либо селектору - никакой реакции. Вот конкретный пример:

(function($){

  $(document).ready(function(){

    $(#'block-menu-menu').hide();

  });

})(jQuery);

хотел спрятать блок меню, не получилось. Через исходный код страницы просматриваю файл со скриптом - изменения присутствуют. 

Уже не знаю в какую сторону думать.