Селектор по классу

.className1.0

Соответствует всем элементам страницы с классом className. Селектор по классу является одним из наиболее востребуемых средств jQuery.

Примеры использования:

$('.someBlock') вернет все элементы с классом someBlock.
$('div.someBlock') вернет все div-элементы с классом someBlock.
$('div.someBlock:odd') вернет все нечетные div-элементы с классом someBlock.
$('#content2 div.someBlock') вернет div-элементы с классом someBlock, которые находятся внутри элемента с идентификатором content2.

Для поиска элементов по классу, библиотека jQuery использует нативную javascript-функцию getElementsByClassName() (если ее поддерживает браузер).


Примеры

Один элемент страницы может обладать несколькими классами одновременно. Найти такой элемент можно по любому из классов:

Чтобы найти элемент, который обладает двумя (или более) классами одновременно, нужно перечислить их без пробела:

В действии

Выделим div-элементы с классом someBlock бледно-зеленым цветом фона, а все четные (т.е. с четным индексом) из них, обведем красной рамкой:

См. также

Ссылки

Поисковые ключи:
  • .class
  • селектор .class
  • className
  • класс элементов равен value
  • элементы по классу
  • элемент по классу
  • элементы с классом className
  • найти все элементы с классом className
  • поиск элементов по классу
  • селектор элементов по классу