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 –>

//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!