jquery обратиться к классу

Содержание

1. Материал из JQuery
2. Содержание
3. Примеры
4. В действии
5. version added: 1.0 jQuery( «. > class: Искомый класс. Можно перечислить несколько.
6. Примеры

Материал из JQuery

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

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

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

Содержание

Примеры

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

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

В действии

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

Выборка элементов с заданным классом.

version added: 1.0 jQuery( «. > class: Искомый класс. Можно перечислить несколько.

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

Примеры

Пример: Найти все элементы с классом “myClass”.

Пример: найти элементы с классами “myclass” и “otherclass”.

jQuery позволяет легко получать доступ к любым элементам на странице (ссылкам, изображениями, блочным элементам, текстовым полям и т.п.). При этом нам не требуется писать длинные конструкции, как это делается, например, в JavaScript. Ниже – небольшое справочное руководство.

Основная конструкция для выбора того или иного элемента на странице – $(селектор).

Источник: computermaker.info