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>

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

  • Администратор: к записи Нажмите на кнопку Скачать в статье. »
  • маша: к записи Ничего не понятно для новичка без CSS кода. Пожалу »
  • Администратор: к записи Почитайте информацию на http://javascript.ru/ »
  • Стас: к записи У меня вся страница пихается в #ajax-container »
  • id49788920: к записи Скрипт обрезает теги. Это возможно как-нибуть испр »
  • id49788920: к записи $(document).ready(function() { $(".c »
  • noob: к записи Попробовал всавить сниппет в шаблон, появился белы »

Статистика спама

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