Открыть Электронные книги
Категории
Открыть Аудиокниги
Категории
Открыть Журналы
Категории
Открыть Документы
Категории
Уроки»
jQuery»
Как использовать селекторы jQuery для выделения элементов страницы
Метки урока:
jquery
кодинг
Основные селекторы
Выбор элементов по атрибуту
Выбор элементов по содержанию
Выбор элементов по иерархии
Выбор полей формы
Выбор элементов по их положению
Другие полезные селекторы
Здесь приводится полный список всех селекторов, которые поддерживаются в
jQuery.
Основные селекторы
Основные селекторы вам знакомы, если вы когда-нибудь создавали хотя бы
один шаблон CSS. скорее всего, вы будете использовать данные селекторы на
протяжении 90% всего времени работы с jQuery:
view source
print?
1 // Выбирает все div с классом .myClass, а также все параграфы
2 var selectedElements = $("div.myClass, p");
view source
print?
// Выбираем только те изображения, которые имеют ширину 300
1
px и высоту 200 px
2 var selectedImages = $("img[width=300][height=200]");
view source
print?
1 // Выбираем все параграфы,которые имеют класс "intro"
2 // и также содержат текст "MegaWidget"
3 var selectedElements = $("p.intro:contains('MegaWidget')");
4
5 // Выбираем все параграфы, которые имеют класс "intro"
6 // и содержат и "MegaWidget" и "WonderWidget"
var selectedElements =
7
$("p.intro:contains('MegaWidget'):contains('WonderWidget')");
view source
print?
1 var selectedElements = $("table#myTable tr:nth-child(odd) >
td:first-child");
view source
print?
var selectedElements = $("form[action='mailform.php']
1
input:radio:checked");
print?
1 var selectedElements = $("table#myTable tr:lt(2) > td");
view source
print?
1 var selectedElements = $(":header:not(h1)");
Заключение
В данной статье мы рассмотрели, как выбирать элементы с помощью
селекторов jQuery. Были разобраны следующие типы селекторов: