Разделы Сайта АниДо

Фильтры содержимого элементов

Если вы помните, два предыдущих поста были посвящены фильтрам, которые зависели от элементов страницы и их параметров. А здесь мы рассмотрим фильтры, которые зависят от содержимого элементов. Думаю, они запомнятся вам даже легче, чем предыдущие.

has(element) - передаст элементы, содаржащие внутри себя заданные элементы
Пример: <p>Вася - <b>дурак</b>!</p>
$('p:has(b)').css('color','red'); — выделит красным параграф, в котором содержится жирный шрифт, то есть тег <b></b>

contains(текст) - передает элементы, содержащие заданный набор символов
Пример: <p>Вася - дурак!</p>
$('p:contains("дурак")').css('color','red'); — выделит красным параграф, содержащий слово "дурак".

parent и empty — передадут все полные и пустые элементы

<p>...</p>
<p></p>
$('p:parent').css('color','red');
- выделит красным первый параграф, поскольку он не пустой
$('p:empty').css('color','blue'); - выделит синим второй параграф, поскольку он пустой

Вообще-то фильтр parent должен распространяться на элементы, содержащие внутри себя другие элементы, однако обычный текст почему-то тоже считается за элемент. Поэтому, грубо говоря, parent вернет все не пустые элементы страницы.

visible и hidden — передаст все видимые и невидимые элементы
$('p:visible').css('color','red'); — окрасит в красный все видимые параграфы на странице
$('p:hidden').css('color','blue'); — окрасит в синий все невидимые параграфы на странице
В последнем случае эффекта мы не заметим. Почему? Потому что параграфы то невидимые! хД Но будьте уверены, они стали синими!

Вот такие дела. Совсем несложно, правда?

Рубрика: jQuery | Просмотров: 15798 | Автор: Shizuku | Рейтинг: 5.0/6
Теги: visible, parent, Filter, Has, element, contains, jQuery, Hidden, empty


Комментарии:

0 good bad
no avatar пэйн | 21.02.11 12:18 | материал
делай больше шаблонов наруто

Имя:
E-mail:
Сайт:
Текст:
Каптча:
0

Категории Разделов АниДо
HTML [0]
HyperText Markup Language
XML [0]
Extensible Markup Language
XSL [0]
Extensible Stylesheet Language
CSS [1]
Cascading Style Sheets
PHP [0]
PHP: Hypertext Preprocessor
SQL [0]
Structured Query Language
ASP [0]
Active Server Pages
ActionScript [0]
Action Script
JavaScript [0]
Java Script
jQuery [3]
jQuery
0

Новые Посты АниДо
0

Аниме Наруто

В этом блоге публикуются полезные заметки о
программировании, дизайне и сайтостроении, а также
переводы манги, видео и электронных книг на русский.
Все права на текстовый контент принадлежат хозяйке сайта. При копировании материалов с этого сайта обязательна активная ссылка на источник!
Google · Автор дизайна Evan Eckard, а Хостинг от uCoz