# 04: jQuery-valitsimet ovat CSS3-valitsimia - CSS-temppuja

Sisällysluettelo:

Anonim

CSS: ssä voit valita kaikki

elementit sivulla tällä:
h1 ( /* style all

elements */ )

JQueryssä voit käyttää samaa valitsinta.

$("h1") // set of all

elements

Itse asiassa voit käyttää mitä tahansa CSS-valitsinta (jopa CSS3-valitsimia) jQueryssä. Tässä kuvaruudussa käytimme jopa: n-of-type valitsinta toisen määritelmätermin valitsemiseksi määritelmäluettelosta:

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

Tuo .html () -menetelmä on hyödyllinen. Sen avulla voit muuttaa (tai hankkia) elementin “sisäisen HTML: n”. Kuten sisällä, ei itse elementti, vaan kaikki sen sisällä. "Sisut", jonka voit sanoa. Se on samanlainen kuin .text () -menetelmä, mutta teksti () on kirjaimellisesti vain tekstiä. Se ei palauta varsinaista HTML-koodia elementin sisältä. Joten jos "suolet" olisivat Some text, se vain palauttaisi "Jotkut tekstit". Kun asetat siihen tekstin, vältät kaikki lisäämäsi HTML-koodit, mikä tarkoittaa, että kirjaimellisesti näet “”. Myös tekstin saaminen sen kanssa on ainutlaatuista, sillä jos valitset useita elementtejä, se palauttaa yhdistetyn tekstin kaikista niistä, mikä on ainutlaatuista jQueryssä. Muissa tapauksissa, kun "saat" arvon menetelmästä, se palauttaa arvon sarjan ensimmäisestä. Like .height()palauttaa vain korkeuden sarjan ensimmäisestä elementistä.

Katso Chris Coyierin (@chriscoyier) kynä eab1c311dd6e399a2006f1694bbbe051 CodePenistä