In CSS kunt u alles selecteren
elementen op de pagina met dit:
h1 ( /* style all
elements */ )
h1 ( /* style all
elements */ )
In jQuery kunt u exact dezelfde selector gebruiken.
$("h1") // set of all
elements
In feite kunt u elke CSS-selector (zelfs CSS3-selectors) in jQuery gebruiken. In deze screencast hebben we zelfs de: nth-of-type selector gebruikt om de tweede definitieterm in een definitielijst te selecteren:
$("dt:nth-of-type(2)") .html("I'm the second definition term!");Die .html () - methode is nuttig. Hiermee kunt u de "innerHTML" van een element wijzigen (of ophalen). Zoals in, niet het element zelf, maar alles erin. Het 'lef' zou je kunnen zeggen. Het is vergelijkbaar met de .text () methode, maar text () is letterlijk alleen voor tekst. Het retourneert geen daadwerkelijke HTML vanuit het element. Dus als het "lef" was Some text, zou het gewoon "Wat tekst" retourneren. Als u er tekst mee instelt, ontsnapt u aan elke HTML die u invoert, wat betekent dat u letterlijk de "" ziet. Het is ook uniek om er tekst mee te krijgen, want als u meerdere elementen selecteert, wordt de gecombineerde tekst van alle elementen geretourneerd, wat uniek is in jQuery. In andere gevallen, wanneer u een waarde van een methode “krijgt”, wordt de waarde van de eerste in de set geretourneerd. Like .height()retourneert alleen de hoogte vanaf het eerste element in de set.
Zie de pen eab1c311dd6e399a2006f1694bbbe051 door Chris Coyier (@chriscoyier) op CodePen