In CSS können Sie alle auswählen
Elemente auf der Seite mit diesem:
h1 ( /* style all
elements */ )
h1 ( /* style all
elements */ )
In jQuery können Sie genau denselben Selektor verwenden.
$("h1") // set of all
elements
Tatsächlich können Sie in jQuery jeden CSS-Selektor (auch CSS3-Selektoren) verwenden. In diesem Screencast haben wir sogar den: n-ten Typ-Selektor verwendet, um den zweiten Definitionsbegriff in einer Definitionsliste auszuwählen:
$("dt:nth-of-type(2)") .html("I'm the second definition term!");
Diese .html () -Methode ist nützlich. Sie können damit das „innerHTML“ eines Elements ändern (oder abrufen). Wie in, nicht das Element selbst, sondern alles in ihm. Die "Eingeweide" könnte man sagen. Es ähnelt der Methode .text (), aber text () ist buchstäblich nur für Text. Es wird kein tatsächlicher HTML-Code aus dem Element zurückgegeben. Wenn also die "Eingeweide" Some text
wären, würde es nur "Irgendein Text" zurückgeben. Wenn Sie Text damit festlegen, wird jeder eingegebene HTML-Code ausgeblendet, was bedeutet, dass Sie buchstäblich das "" sehen würden. Das Abrufen von Text ist ebenfalls eindeutig. Wenn Sie mehrere Elemente auswählen, wird der kombinierte Text von allen zurückgegeben, was in jQuery eindeutig ist. In anderen Fällen, wenn Sie einen Wert von einer Methode "erhalten", wird der Wert vom ersten in der Menge zurückgegeben. Like .height()
gibt nur die Höhe vom ersten Element in der Menge zurück.
Siehe den Stift eab1c311dd6e399a2006f1694bbbe051 von Chris Coyier (@chriscoyier) auf CodePen