В CSS можете да изберете всички
елементи на страницата с това:
h1 ( /* style all
elements */ )
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