V CSS můžete vybrat vše
prvky na stránce s tímto:
h1 ( /* style all
elements */ )
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