Heim > Artikel > Web-Frontend > Was ist ein JQuery-Klassen-Array? Wie funktioniert es?
Was ist arrayartig?
Im jQUEry-Objekt gibt es einen Array-ähnlichen Elementverpackungssatz. Dieser Satz hat das Längenattribut wie ein Array in js, daher nennen wir ihn einen Array-ähnlichen Satz.
In vielen Fällen gibt die Funktion $() von JQuery ein JQuery-Objekt zurück, das den Daten ähnelt. Beispielsweise gibt $('div') das von allen div-Elementen im div umschlossene JQuery-Objekt zurück. In diesem Fall stellt JQuery mehrere häufig verwendete Eigenschaften und Methoden zum Betrieb von JQuery-Objekten bereit.
Länge: Dieses Attribut gibt die Anzahl der in JQuery enthaltenen DOM-Elemente zurück.
context: Diese Eigenschaft gibt den Kontextparameter zurück, der übergeben wurde, um das JQuery-Objekt abzurufen.
JQuery: Diese Eigenschaft gibt die JQuery-Version zurück.
each(fn(index)): This Methode ist eine Iteratorfunktion, die die fn-Funktion verwendet, um jedes in JQuery enthaltene Element zu durchlaufen.
get(): Diese Methode gibt ein Array zurück, das aus allen in JQuery enthaltenen DOM-Elementen besteht.
get(index): Diese Methode gibt den Index+1. DOM-Element zurück, das in JQuery enthalten ist.
toArray(): Konvertiert alle im JQuery-Objekt enthaltenen DOM-Objekte in Daten.
Wie betreibe ich das Klassenarray in einem jQuery-Objekt?
Sehen Sie sich an, welche verfügbaren Methoden uns unsere jQuery zur Verfügung stellt:
Size(): Offensichtlich sollte es die Anzahl der Elemente in der gepackten Menge zurückgeben, wie z. B. $('a '). size() stellt die Anzahl der Linkelemente dar;
Get(index): Wenn der Index nicht angegeben ist, werden standardmäßig alle Elemente im Verpackungssatz übernommen und als Array in js zurückgegeben , dann wird das Element zurückgegeben, dessen Index der Index ist, z. B. $('img[title]').get(0) gibt das erste img-Element zurück, das den Attributtitel enthält, was auch äquivalent zu $('img[title]' ist )[0];
Index(elem): Gibt den Index des Elements elem im Verpackungssatz zurück. Wenn das Element nicht gefunden wird, wird -1 zurückgegeben; elem|Array): Fügen Sie die Elemente im Parameter zum Paketsatz hinzu. Wenn der Parameter ein jQuery-Selektor ist, werden alle passenden Objekte zum Satz hinzugefügt. Wenn es sich um ein
html-Element handelt, dann Das über die Clean-Methode erhaltene Array wird der Sammlung hinzugefügt. Wenn es sich um ein DOM-Element oder ein Array von DOM-Elementen handelt, wird der hinzugefügte Verpackungssatz zurückgegeben. 'img[alt]','img[title]') Äquivalent zu $('img[alt]').add('img[title]'), das das img-Element zurückgibt, das das alt-Attribut enthält, oder das img-Element, das enthält das Titelattribut; not(String|elem|Array): Löschen Sie -Elemente
im Paketsatz, die die Parameterbedingungen erfüllen Das heißt, Ausdrücke, die mit „[“ oder „:“ beginnen, wie z. B. $( 'img[title]').not('title*=puy'), geben img-Elemente zurück, die das Titelattribut und das Titelattribut dieser Elemente enthalten enthält den Puy-Text; zurückgegeben wird der gefilterte Verpackungssatz; filter(String|function): Wenn der übergebene Parameter vom Typ String ist, muss der Ausdruck auch ein Filterausdruck sein, der zum Löschen aller Elemente verwendet wird stimmt nicht mit dem Selektor aus dem Verpackungssatz überein. Wenn ja, ruft jedes Element im Verpackungssatz diese Funktion auf. Wenn diese Funktion „false“ zurückgibt, wird das Element aus dem Verpackungssatz gelöscht. Das Schlüsselwort this kann verwendet werden, um das Element im Paketsatz aufzurufen, das die Methode zu diesem Zeitpunkt aufruft, z. B. $( 'td').filter(function(){return this.innerHTML.match(/^"d+$/ )}) gibt alle td-Elemente zurück, deren Inhalt in td Zahlen sind; Slice(begin,end): create Und gibt einen neuen Verpackungssatz zurück, der ein fortlaufender Teil des ursprünglichen Verpackungssatzes und das erste Element des neuen ist Der Verpackungssatz ist das Element an der Anfangsposition des Originalverpackungssatzes, und das letzte Element ist das Element vor dem Endpositionselement. Natürlich muss end nicht angegeben werden, dann wird es bis zum Ende des Originalverpackungssatzes verlängert ; wie $('*').slice(2,3), diese Anweisung wählt alle Elemente auf der Seite aus und speichert dann das dritte Element, das den ursprünglichen Verpackungssatz enthält. Beachten Sie, dass dieser $( '*').get(2) ist anders. Dies gibt das Element zurück, während die Slice-Methode den Verpackungssatz zurückgibt und somit die Operation des Verpackungssatzes hat
childen(): Gibt einen neuen Verpackungssatz zurück, der aus allen verschiedenen untergeordneten Elementen des ursprünglichen Verpackungssatzelements besteht (mit Ausnahme von Textknoten), z. B. $('div').children() gibt alle div-Elemente A zurück neues Verpackungsset bestehend aus untergeordneten Elementen; wenn ein Parameter angegeben wird, ist der Parameter auch ein Filterausdruck
Contents(): Gibt den Inhalt des ursprünglichen Verpackungsset-Elements in einem neuen Verpackungsset zurück (kann Textknoten enthalten); Beachten Sie, dass diese Methode keine Parameter zum Filtern akzeptiert.
Next(): Gibt einen neuen Verpackungssatz zurück, der aus allen eindeutigen nächsten Geschwisterelementen des ursprünglichen Verpackungssatzelements besteht. Wenn ein Parameter angegeben wird, ist der Parameter auch ein Filterausdruck ; wie $('div #someDiv').next() gibt den Wrapping-Satz zurück, der das nächste Geschwisterelement des div-Elements mit der ID someDiv enthält; wenn ein Parameter angegeben wird, ist der Parameter auch ein Filterausdruck; (): gibt den Wrapping-Satz zurück, der das Original enthält. Ein neuer Wrapping-Satz aller nachfolgenden Geschwisterelemente des Elements. Beispielsweise gibt $('div#someDiv').nextAll() einen neuen Wrapping-Satz zurück, der die nachfolgenden Geschwisterelemente des div enthält Element mit der ID someDiv; wenn ein Parameter angegeben ist, ist dieser Parameter auch ein Filter Ausdruck
parent(): Gibt einen neuen Verpackungssatz des einzigen direkten übergeordneten Elements aller Elemente im Original zurück Verpackungssatz; wenn ein Parameter angegeben ist, ist der Parameter auch ein Filterausdruck;
parent( ): Gibt einen neuen Verpackungssatz aller Elemente im ursprünglichen Verpackungssatz zurück, wenn ein Parameter angegeben ist auch ein Filterausdruck;
prev(): Gibt alle eindeutigen vorherigen Geschwisterelemente der ursprünglichen Verpackungssatzelemente zurück. Wenn ein Parameter angegeben wird, ist dieser Parameter auch ein Filterausdruck; prevAll(): Gibt einen neuen Verpackungssatz zurück, der alle vorherigen Geschwisterelemente des ursprünglichen Verpackungssatzelements enthält. Wenn ein Parameter angegeben ist, ist dieser Parameter auch ein Filterausdruck.
Siblings(): Gibt einen neuen Verpackungssatz zurück, bestehend aus alle eindeutigen Geschwisterelemente im Originalverpackungssatzelement; wenn ein Parameter angegeben ist, ist dieser Parameter auch ein Filterausdruck
find (String): Gibt einen neuen Verpackungssatz zurück, der alle Elemente im Originalverpackungssatz enthält, die mit dem übereinstimmen übergebener Selektorausdruck, und die Nachkommen der Elemente im ursprünglichen Verpackungssatz werden auch an den neuen Verpackungssatz übergeben.
enthält (Text): Gibt einen neuen Verpackungssatz zurück, der aus Elementen besteht, die den Text
Zeichenfolge als Textparameter übergeben;
is(String): Wenn der Verpackungssatz Elemente enthält, die mit String übereinstimmen, wird true zurückgegeben, andernfalls wird false zurückgegeben. clone(copyHandle): Wenn der übergebene Parameter true ist, Das Ereignis wird zusammenkopiert, andernfalls wird das Ereignis nicht kopiert und ein neuer Verpackungssatz erstellt.
end(): Wird im jQuery-Befehl innerhalb der Kette aufgerufen, um zum vorherigen Verpackungssatz zurückzukehren (): Führen Sie die beiden zuletzt generierten Verpackungssätze innerhalb der Befehlskette zusammen 🎜>
Das obige ist der detaillierte Inhalt vonWas ist ein JQuery-Klassen-Array? Wie funktioniert es?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!