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

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