Cелекторы в JQuery. Часть 2.

Представляю вашему вниманию вторую часть миниатюрной серии статей, посвященных селекторам в JQuery. Приступим к рассмотрению следующих примеров, продолжаем ходить по DOM, выбирая HTML элементы.

/* Отбор всех элементов: */
$('*').css({'color': 'orange'});

/* Отбор всех потомков у тега <p>, вариант 1: */
$('p > *').css({'color': 'orange'});

/* Отбор всех потомков у тега <p>, вариант 2: */ 
$('p').children().css({'color': 'red'});

/**
 * Отбор всех элементов <p> и не только, 
 * являющихся потомками .content, отбор предка - .content:
 */ 
$('p').parent('.content').css({'color': 'red'});

Примечание 1. .children() позволяет получить потомков каждого элемента в наборе соответствующих элементов с возможной фильтрацией селектором.

Примечание 2. .parent() позволяет получить родителей каждого элемента в текущем наборе соответствующих элементов с возможной фильтрацией селектором.

В качестве исходного документа берем то, что было описано в предыдущей статье.

Опубликовано 13-06-2013 в 14:01


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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>











Свежие комментарии

  • krasnov8953: к записи Не работает как мне кажется строчка $newTvId = $ »
  • Dimanski: к записи ничего не понимаю. Ставлю ModX на хостинг r01.ru »
  • Дмитрий: к записи Спасибо! Очень выручили. С битриксом беда, а прав »
  • леонид: к записи как сделать что были в ряд? у меня получается по о »
  • Администратор: к записи Статический IP. »
  • Steel: к записи Администратор, вы данную проблему решили подключен »
  • Дмитрий: к записи Хотел узнать как прикрутить данное окно (http://re »

Последние твиты