Page 314 - Браун Э. - Изучаем JavaScript. Руководство по созданию современных веб-сайтов - 2017

его нет, и удалит класс, если он уже есть). Вы можете также манипулировать сти­
лем непосредственно, используя метод css. Мы также познакомимся с селекторами
: even и : odd, которые позволяют выбрать любой элемент. Например, если бы нам
нужно было выделить каждый нечетный абзац красным цветом, то могли бы сделать
следующее.

$ ( p ' : o dd ' ) . c ss ( ' c olor ' , ' r e ' ) ;
d
Сцепление в jQuery не является чем-то обязательным для выбора подмножества
соответствующих элементов. Мы уже видели метод eq, который позволяет свести
объект jQuery к одному элементу; для модификации выбранных элементов мы мо­
жем также использовать методы f i l t e r , not и find. Метод f i l t e r сводит набор
к элементам, которые соответствуют определенному селектору. Например, мы можем
использовать f i l ter в цепочке, чтобы выделить каждый нечетный абзац красным
цветом после того, как он будет изменен.

$ ( р ' ' )
. after ( < hr> ' )
'
. append ( ' <sup>*< /sup> ' )
. filter ' : o d ' )
(
d
. css ( ' c olor ' , ' r ed ' ) ;
Метод not - это, по существу, метод, обратный методу filter. Например, можно
добавить <hr> после каждого абзаца, а затем сдвинуть все абзацы, которым не на­
значен класс highlight.
$ ( р ' ' )
'
. a fter ( < hr> ' )
(
. not ' . highlight ' )
. c ss ( ' m argin-left ' , ' 2 0р ' ) ;
х
И наконец метод find возвращает набор дочерних элементов, которым соответ­
ствует данный запрос (в противоположность методу filter, который фильтрует су­
ществующий набор). Например, мы можем добавить <hr> перед каждым абзацем,
а затем увеличить размер шрифта элементов, которым назначен класс code, который
в нашем примере является потомком абзацев.
$ ( р ' ' )
'
. b efore ( < hr ' )
>
. find ' . code ' )
(
. css ( ' f ont-size ' , ' З Орх ' ) ;

И з в лече н и е объектов jQuery из оболочки

"Распаковать" объект jQuery (получить доступ к внутренним элементам DOM)
можно, используя метод get. Давайте получим элемент DOM для второго абзаца.

Извлечение объектов jQuery из оболочки 3 1 7