Выбор Элементов jQuery

Наиболее фундаментальная концепция jQuery - "выбрать некоторые элементы и сделать что-то с ними." jQuery позволяет выбирать элементы, поддерживая большинство селекторов CSS3, так же как и некоторые нестандартные селекторы.

Выбор Элементов по ID

$( "#myId" ); // Заметьте, что ID-ы должны быть уникальными на страциуе.

Выбор Элементов по Имени класса

$( ".myClass" );

Выбор Элементов по Атрибутам

$( "input[name='first_name']" ); // Имейте в виду, это может работать очень медленно в старых браузерах

Выбор Элементов по Составному CSS Селектору

$( "#contents ul.people li" );

Псевдоселекторы

$( "a.external:first" ); $( "tr:odd" ); // Выбрать все input-подобные элементы // на форме. $( "#myForm :input" ); $( "div:visible" ); // Все, кроме первых трех div-ов. $( "div:gt(2)" ); // Все div-ы с анимацией в настоящий момент. $( "div:animated" );

Примечание: При использовании псевдоселекторов :visible и :hidden, jQuery тестирует фактическую видимость элемента, а не его CSS свойства visibility или display. jQuery проверяет, больше ли, чем нуль, физическая высота и ширина элемента на странице.

Однако, этот тест не работает с элементами <tr>. В случае <tr> jQuery действительно проверяет CSS свойство display, и считает элемент скрытым если свойство display устанавливается в none.

Элементы, которые не были добавлены в DOM, будут всегда считаться скрытыми, даже если бы CSS, который влиял бы на них, представлял бы их видимыми. В одной из будущих статей про Управление Элементами, будет рассмотрено, как создавать и добавлять элементы в DOM.

Далее: Как я тестирую, существует ли элемент?

Смотрите также
Комментарии
Написать

(обязательно)

(обязательно)

Это не спам (обязательно)