# 04: Výbery jQuery sú selektory CSS3 - Triky CSS

Obsah:

Anonim

V CSS môžete vybrať všetky

prvkov na stránke s týmto:
h1 ( /* style all

elements */ )

V jQuery môžete použiť ten istý selektor.

$("h1") // set of all

elements

V skutočnosti môžete v jQuery použiť akýkoľvek selektor CSS (dokonca aj selektory CSS3). V tomto vysielaní sme dokonca použili selektor: n-tého typu na výber druhého definičného výrazu v zozname definícií:

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

Táto metóda .html () je užitočná. Umožňuje vám zmeniť (alebo získať) „innerHTML“ prvku. Rovnako ako v prípade, nie v samotnom prvku, ale vo všetkom v ňom. Môžete povedať „vnútornosti“. Je to podobné ako s metódou .text (), ale text () je doslova len pre text. Skutočné HTML nevráti z vnútra prvku. Keby teda boli „vnútornosti“ Some text, vrátilo by sa to iba „Nejaký text“. Nastavením textu sa vyhnete akémukoľvek vloženému kódu HTML, čo znamená, že by ste doslova videli „“. Získanie textu s ním je tiež jedinečné, pretože ak vyberiete viac prvkov, vráti sa kombinovaný text zo všetkých, čo je v jQuery jedinečné. V iných prípadoch, keď „získate“ hodnotu z metódy, vráti hodnotu z prvého v množine. Like .height()iba vráti výšku od prvého prvku v množine.

Pozrite si pero eab1c311dd6e399a2006f1694bbbe051 od Chrisa Coyiera (@chriscoyier) na CodePen