# 04: jQuery atlasītāji ir CSS3 atlasītāji - CSS-triki

Satura rādītājs:

Anonim

CSS varat atlasīt visus

elementi lapā ar šo:
h1 ( /* style all

elements */ )

Programmā jQuery varat izmantot tieši to pašu selektoru.

$("h1") // set of all

elements

Patiesībā jQuery var izmantot jebkuru CSS selektoru (pat CSS3 selektorus). Šajā ekrānuzņēmumā mēs pat izmantojām: n-of-type selector, lai atlasītu otro definīcijas terminu definīciju sarakstā:

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

Šī .html () metode ir noderīga. Tas ļauj mainīt (vai iegūt) elementa “iekšējo HTML”. Tāpat kā iekšā, nevis pats elements, bet viss, kas tajā atrodas. “Zarnas”, ko jūs varētu teikt. Tas ir līdzīgs metodei .text (), bet teksts () ir burtiski paredzēts tikai tekstam. Tas neatgriezīs faktisko HTML no elementa iekšpuses. Tātad, ja “iekšas” būtu Some text, tas vienkārši atgrieztu “Daži teksti”. Iestatot tekstu ar to, tiks izvadīts no HTML, ko ievietosit, tas nozīmē, ka jūs burtiski redzētu “”. Arī teksta iegūšana ar to ir unikāla, jo, atlasot vairākus elementus, tas no visiem atgriezīs apvienoto tekstu, kas ir unikāls jQuery. Citos gadījumos, kad vērtību iegūstat no metodes, tā atgriezīs vērtību no pirmās kopas. Patīk .height()vienkārši atgriezīs augstumu no komplekta pirmā elementa.

Skatiet pildspalvu eab1c311dd6e399a2006f1694bbbe051, ko izveidoja Kriss Koijers (@chriscoyier) vietnē CodePen