Wie jQuery grundsätzlich funktioniert

Holen Sie sich mehrere Elemente gleichzeitig und verarbeiten Sie sie dann in einer Schleife. Um diese Art von Operation zu vereinfachen, wurde jQuery entwickelt Schreiben Sie es schnell um. Erleben Sie das beispiellose saure Gefühl, das jQuery mit sich bringt. Zuerst müssen wir eine jQuery importieren. Hier verwende ich cdn, um die jQuery-Funktionsbibliothek schnell zu importieren und zu demonstrieren. - Schritt eins: Importieren Sie die JQuery-Bibliothek –>

2ba5669a0e1e3c733f7530bf49fbb5e42cacc6d41bbb37262a98f745aa00fbf0

b7e6788c21942d2fc200cac778c58487

ad23e7fcbfe581f1b2bd15b5dfef8ebf

$('li:nth-child(4) ~ *').css({'background-color':'orangered','color':'white'} )

2cacc6d41bbb37262a98f745aa00fbf0

//Bei der gleichzeitigen Verarbeitung mehrerer Elemente werden Sie feststellen, dass sich nur der fünfte Hintergrund ändert.

/ / Obwohl der Selektor li:nth-child(4)~* mehrere Elemente auswählt, gibt querySelector() eines zurück, sodass nur das erste Element zurückgegeben wird, das die Bedingungen erfüllt

// document.querySelector ('li :nth-child(4) ~ *').style.backgroundColor = 'lightgreen'

//Wie erhalte ich alle Elemente, die die Selektorbedingungen erfüllen? Sie müssen die Methode querySelectorAll() verwenden

//Da es sich bei dem zurückgegebenen Element um eine Sammlung von Elementen (Array) handelt, müssen wir eine Schleife verwenden, um diesen Vorgang abzuschließen

var balls = document.querySelectorAll('li:nth-child(4) ~ *')
alert(balls.length)
for (var i=0; i<balls.length; i++) {
balls[i].style.backgroundColor = &#39;lightgreen&#39;
}

rrree

Das obige ist der detaillierte Inhalt vonWie jQuery grundsätzlich funktioniert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!