# 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, тя просто щеше да върне „Някои текстове“. Задаването на текст с него ще избегне всеки HTML, който поставите, което означава, че буквално ще видите „“. Получаването на текст с него също е уникално, тъй като ако изберете няколко елемента, той ще върне комбинирания текст от всички тях, което е уникално в jQuery. В други случаи, когато „получите“ стойност от метод, той ще върне стойността от първата в набора. Like .height()просто ще върне височината от първия елемент в набора.

Вижте писалката eab1c311dd6e399a2006f1694bbbe051 от Chris Coyier (@chriscoyier) на CodePen