# 04: Voliče jQuery jsou selektory CSS3 - Triky CSS

Obsah:

Anonim

V CSS můžete vybrat vše

prvky na stránce s tímto:
h1 ( /* style all

elements */ )

V jQuery můžete použít přesně stejný selektor.

$("h1") // set of all

elements

Ve skutečnosti můžete v jQuery použít jakýkoli selektor CSS (dokonce i selektory CSS3). V tomto screencastu jsme dokonce použili: selektor n-tého typu k výběru druhého definičního výrazu v seznamu definic:

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

Tato metoda .html () je užitečná. Umožňuje vám změnit (nebo získat) „innerHTML“ prvku. Stejně jako v, ne samotný prvek, ale vše v něm. „Vnitřnosti“, dalo by se říct. Je to podobné jako s metodou .text (), ale text () je doslova jen pro text. Nevrátí skutečné HTML zevnitř prvku. Pokud by tedy byly „vnitřnosti“ Some text, vrátilo by se „Nějaký text“. Nastavením textu unikne jakýkoli HTML, který zadáte, což znamená, že byste doslova viděli „“. Získání textu s ním je také jedinečné, protože pokud vyberete více prvků, vrátí kombinovaný text ze všech, což je v jQuery jedinečné. V ostatních případech, když „získáte“ hodnotu z metody, vrátí hodnotu z první v sadě. Like .height()pouze vrátí výšku od prvního prvku v sadě.

Podívejte se na pero eab1c311dd6e399a2006f1694bbbe051 od Chris Coyier (@chriscoyier) na CodePen