I CSS kan du välja alla
element på sidan med detta:
h1 ( /* style all
elements */ )
h1 ( /* style all
elements */ )
I jQuery kan du använda exakt samma väljare.
$("h1") // set of all
elements
I själva verket kan du använda valfri CSS-väljare (även CSS3-väljare) i jQuery. I denna screencast använde vi till och med: nth-of-type-väljaren för att välja den andra definitionstermen i en definitionslista:
$("dt:nth-of-type(2)") .html("I'm the second definition term!");Den .html () -metoden är användbar. Det låter dig ändra (eller få) "innerHTML" för ett element. Som i, inte själva elementet, utan allt inuti det. "Tarmarna" kan du säga. Det liknar metoden .text (), men text () är bokstavligen bara för text. Den returnerar inte den faktiska HTML-filen inifrån elementet. Så om "tarmarna" vore Some text, skulle det bara returnera "Lite text". Att ställa in text med den kommer att undkomma all HTML du lägger in, vilket betyder att du bokstavligen skulle se “”. Att få text med det är också unikt, för om du väljer flera element returnerar det den kombinerade texten från dem alla, vilket är unikt i jQuery. I andra fall när du "hämtar" ett värde från en metod returnerar det värdet från det första i uppsättningen. Liksom .height()kommer bara att returnera höjden från det första elementet i uppsättningen.
Se pennan eab1c311dd6e399a2006f1694bbbe051 av Chris Coyier (@chriscoyier) på CodePen