Вибір елемента по класу

- вибрати елементи на сторінці, які мають клас color і змінити їх колір на # cc0000.

пояснення:

Для вирішення завдання за допомогою селектора $ ( '. Color') вибираємо елемент з класом color і за допомогою методу jQuery .css (); міняємо його колір. Якщо елемент є блоком, всередині якого розташовані дочірні елементи, що містять текст, то їх вміст, незалежно від рівня вкладеності, теж змінить колір. Якщо в документі зустрічається кілька елементів з класом color. то їх текстове вміст так само змінить колір.

результат:

- вибрати абзаци на сторінці, які мають клас color і змінити їх колір на # cc0000.

пояснення:

Для вирішення завдання за допомогою селектора $ ( 'p.color') вибираємо абзаци з класом color і за допомогою методу jQuery .css (); міняємо їх колір.

результат:

При завантаженні сторінки, до якої підключений скрипт, у абзаців з класом color буде змінений колір шрифту. Якщо на сторінці будуть присутні інші елементи з таким же класом (div, ul, li, span), то колір шрифту в них не зміниться.

- вибрати всі елементи span на сторінці, які є вкладеними в елементи з класом color і змінити їх колір на # cc0000.

пояснення:

Для вирішення завдання за допомогою селектора $ ( '. Color span') вибираємо елементи span. які знаходяться всередині елементів з класом color і за допомогою методу jQuery .css (); міняємо їх колір.

результат:

При завантаженні сторінки, до якої підключений скрипт, у всіх елементів span. які вкладені в елементи з класом color буде змінений колір шрифту (незалежно від рівня вкладеності).

- вибрати елементи span на сторінці, які є вкладеними в елементи з класом color і елементи div з класом pr - змінити їх колір на # cc0000.

пояснення:

Для вирішення завдання за допомогою селектора $ ( '. Color span, div.pr') вибираємо елементи span. які знаходяться всередині елементів з класом color і елементи div з класом pr. За допомогою методу jQuery .css (); міняємо їх колір. Зверніть увагу - для div з класом pr вказується не тільки клас, а й назва тега. Необхідні для вибірки елементи розділяються комою.

результат:

При завантаженні сторінки, до якої підключений скрипт, у всіх елементів span. які вкладені в елементи з класом color і у всіх елементів div з класом pr буде змінений колір шрифту (незалежно від рівня вкладеності).

Схожі статті