# 04: Селекторы jQuery - это селекторы CSS3 - CSS-хитрости

Содержание:

Anonim

В CSS вы можете выбрать все

элементы на странице с этим:
h1 ( /* style all

elements */ )

В jQuery вы можете использовать тот же самый селектор.

$("h1") // set of all

elements

Фактически, вы можете использовать любой селектор CSS (даже селекторы CSS3) в jQuery. В этом скринкасте мы даже использовали селектор: nth-of-type для выбора второго термина определения в списке определений:

$("dt:nth-of-type(2)") .html("I'm the second definition term!");

Этот метод .html () очень полезен. Это позволяет вам изменить (или получить) «innerHTML» элемента. То есть не сам элемент, а все, что внутри него. Можно сказать «кишки». Он похож на метод .text (), но text () буквально предназначен только для текста. Он не вернет фактический HTML изнутри элемента. Так что, если бы «кишки» были Some text, он просто вернул бы «Some text». Установка текста с его помощью позволит избежать любого введенного вами HTML, то есть вы буквально увидите «». Получение текста с его помощью также уникально, поскольку, если вы выберете несколько элементов, он вернет объединенный текст из всех из них, что является уникальным в jQuery. В других случаях, когда вы «получаете» значение из метода, он вернет значение из первого в наборе. Like .height()просто вернет высоту из первого элемента в наборе.

См. Pen eab1c311dd6e399a2006f1694bbbe051 Криса Койера (@chriscoyier) на CodePen