Просто рабочий конспект
Исходя из концепции Трёх китов, уровень behavior строится следующим образом:
Создаются CSS-стили на все случаи жизни по классам.
А затем данным на странице динамически присваивается нужный класс в зависимости от происходящих событий.
Доступ к элементам DOMа как раз и позволяют получить замечательные селекторы - функции JQuery.
Кое-что из документации:
$(‘a[title]’) - выбрать все линки, у которых есть атрибут title
$(‘div:has(ol)’) - выбрать все DIV элементы, у которых есть элемент OL
$(‘tr:even’) -чётные строки таблицы.
$(‘tr:odd’) - нечётные строки таблицы.
Другой способ:
$(‘tr’).filter(‘:odd’).addClass(‘odd’);
$(‘td:contains(“Some text”)’) – поле таблицы, содержащее текст “Some text”
При добавлении класса элементу JQuery сам проверяет, есть ли уже этот класс у элемента.
$('tr:not([th]):even').addClass('even') - чётные строки таблицы, кроме заголовка
$('td:contains("Henry")').next().addClass('highlight') - Следующий «сосед»
$('td:contains("Henry")').siblings().addClass('highlight') - все следующие «соседи»
Но что самое замечательное - так это цепочки !
В одной строке кода можно разместить любую длинную комбинацию:
$('td:contains("Henry")') . parent(). find('td:eq(1)').addClass('highlight'). end(). find('td:eq(2)'). addClass('highlight');
Супер!
Каждый селектор/выражение возвращает jQuery объект:
var myTag = $('#my-element').get(0).tagName;
Вместо get(0) можно просто [0]:
var myTag = $('#my-element').[0].tagName; Ярлыки: селекторы, selectors Подпишись на новости Javascript и AJAX по e-mail |
Отправить комментарий