Селекторы W3.JS

W3.JS выбирает элементы HTML и выполняет действия над выбранными элементами:

w3.action(selector)

Действие ( ) выполняется над выбранным(и) элементом(ами)
( selector ) выбирает элемент(ы) HTML

Пример

w3.hide('p') // Hide all <p> elements

Вы знакомы с селекторами CSS?

W3.JS использует синтаксис CSS для выбора элементов HTML и управления ими.

Селекторы используются для «нахождения» (выбора) HTML-элементов на основе их имени тега, идентификатора, классов, типов, атрибутов, значений атрибутов и многого другого. Список всех селекторов можно найти в нашем Справочнике по селекторам CSS .

Примеры селекторов

Чтобы выбрать элементы HTML, используйте имя тега:

Скрыть все элементы <h2>:

w3.hide('h2')

Чтобы выбрать элемент с определенным идентификатором, напишите символ решетки, за которым следует идентификатор элемента HTML:

Скрыть элемент с id="London":

w3.hide('#London')

Чтобы выбрать элементы с определенным классом, напишите символ точки, а затем имя класса:

Скрыть все элементы с помощью class="city":

w3.hide('.city')

Дополнительные примеры селекторов

Selector	Description	Example
("*")	Selects all elements in the document
(this)	Selects the current HTML element
("p.intro")	Selects all <p> elements with class="intro"
("div p")	Selects all <p> element inside all <div> elements
("div p:first-child")	Selects the first <p> element inside all <div> elements
("[href]")	Selects all elements with an href attribute
("a[target=_blank]")	Selects all <a> elements with a target attribute value equal to "_blank"
("p:nth-child(even)")	Selects all even <p> elements

Полную информацию обо всех селекторах CSS см. в нашем Справочнике по селекторам CSS .

❮ Предыдущий Следующий ❯