У CSS ви можете вибрати все
елементи на сторінці з цим:
h1 ( /* style all
elements */ )
h1 ( /* style all
elements */ )
У jQuery ви можете використовувати той самий селектор.
$("h1") // set of all
elements
Насправді ви можете використовувати будь-який селектор CSS (навіть селектори CSS3) у jQuery. У цьому скрінкасті ми навіть використовували селектор: n-го типу, щоб вибрати другий термін визначення у списку визначень:
$("dt:nth-of-type(2)") .html("I'm the second definition term!");
Цей метод .html () є корисним. Це дозволяє вам змінити (або отримати) “innerHTML” елемента. Як і в, не сам елемент, а все, що знаходиться всередині нього. “Кишки”, можна сказати. Це схоже на метод .text (), але текст () буквально призначений лише для тексту. Він не поверне фактичний HTML зсередини елемента. Отже, якби «кишки» були Some text
, це просто повернуло б «Деякий текст». Встановлення тексту за допомогою цього елемента уникне будь-якого введеного вами HTML, тобто буквально ви побачите "". Отримання тексту також унікальне, оскільки якщо ви виберете кілька елементів, він поверне комбінований текст з усіх, що є унікальним для jQuery. В інших випадках, коли ви "отримуєте" значення з методу, він повертає значення з першого в наборі. Like .height()
просто поверне висоту з першого елемента набору.
Дивіться Ручку eab1c311dd6e399a2006f1694bbbe051 Кріса Койєра (@chriscoyier) на CodePen