Выбор Элементов 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.