Wie verwende ich den JQuery-Selektor? Anweisungen zur Verwendung des Selektors

Diese Funktion empfängt eine Zeichenfolge, die einen CSS-Selektor enthält, und verwendet diese Zeichenfolge dann, um eine Reihe von Elementen abzugleichen.

Die Kernfunktionen von jQuery werden durch diese Funktion implementiert. Alles in jQuery basiert auf dieser Funktion oder nutzt diese Funktion auf irgendeine Weise. Die einfachste Verwendung dieser Funktion besteht darin, ihr einen Ausdruck (normalerweise bestehend aus einem CSS-Selektor) zu übergeben und dann alle passenden Elemente basierend auf diesem Ausdruck zu finden.

Wenn der Kontextparameter nicht angegeben ist, sucht $() standardmäßig nach DOM-Elementen im aktuellen HTML-Dokument. Wenn der Kontextparameter angegeben ist, z. B. ein DOM-Elementsatz oder ein jQuery-Objekt, wird dies durchgeführt in dieser Suche im Kontext sein. Nach jQuery 1.3.2 entspricht die Reihenfolge der zurückgegebenen Elemente der Reihenfolge, in der sie im Kontext erscheinen.

Selektor: Das Attribut wird verwendet, um den ursprünglichen Selektor (d. h. den Selektorparameter) zurückzugeben, der beim Abrufen des aktuellen jQuery-Objekts an die jQuery-Funktion (Selektor, Kontext) übergeben wurde. Mit anderen Worten: Welchen Selektor Sie auch verwenden, um das aktuelle jQuery-Objekt abzurufen, die Selector-Eigenschaft des aktuellen jQuery-Objekts gibt alles zurück, was es ist.

Syntax: jQueryObject.selector

Rückgabewert: Der Rückgabewert des Selektorattributs ist vom Typ String und gibt den ursprünglichen Selektor des jQuery-Objekts zurück. Wenn das aktuelle jQuery-Objekt nicht durch Übergabe einer Selektorzeichenfolge erhalten wird, wird die leere Zeichenfolge „“ zurückgegeben.

Parameter

selector,[context]String,Element,/jQueryV1.0

selector: die Zeichenfolge, die verwendet wird, um

context: als Zeichenfolge zu finden Durchsucht werden Der Satz von DOM-Elementen, Dokumenten oder jQuery-Objekten, die gesucht werden sollen.

elementElementV1.0

Ein DOM-Element, das zum Kapseln eines jQuery-Objekts verwendet wird

objectobjectV1.0

Ein DOM-Element, das zum Kapseln eines jQuery-Objekts verwendet wird

elementArrayElementV1.0

Ein DOM-Elementarray, das zum Kapseln eines jQuery-Objekts verwendet wird.

jQuery-ObjektobjectV1.0

Ein jQuery-Objekt zum Klonen.

jQuery()V1.4

Gibt ein leeres jQuery-Objekt zurück.

Codebeispiel:

Zuerst geben wir den folgenden HTML-Code:

<p id="parent" class="parent">
<p class="child">
 child1
</p>
<p class="child">
child2
</p>
</p>
<p id="parent1" class="parent">
<p class="child">
 child1
</p>
<p class="child">
child2
</p>
</p>

Aufrufmethode 1: Der zweite Parameterkontext ist das DOM-Element

var doms=$(".child",$("#parent")[0]);  
console.log(doms);

Zu diesem Zeitpunkt ist der zweite Parameter das DOM-Objekt . Drucken [p.child, p.child, prevObject: jQuery.fn.init[1], Kontext: p#parent, Selektor: „.child“]
Aufrufmethode 2: Der zweite Parameterkontext ist ein JQuery-Objekt

var doms=$(".child",$($("#parent")[0]));  
console.log(doms);

Das Druckergebnis zu diesem Zeitpunkt ist das gleiche wie im ersten Fall oben, [p.child, p.child, prevObject: jQuery.fn.init[ 1], Kontext: p#parent, Selektor: „.child“]
Aufrufmethode 3: Der zweite Parameter ist ein DOM-Array

var doms=$(".child",[document.getElementById("#parent"),document.getElementById("#parent1")])   
console.log(doms);

Aufrufmethode 4: Der zweite Parameter ist ein jQuery-Objektarray

var doms=$(".child",$(".parent"))   
console.log(doms);

Das Ergebnis dieser Methode ist genau das gleiche wie das der dritten Methode!
Aufruf von Methode 5: Der übergebene Parameter ist eine Funktion, die aufgerufen wird, wenn die Funktion bereit ist heißt Anruf

$(function()  
 {  
   console.log("dom ready");  
 })

Das obige ist der detaillierte Inhalt vonWie verwende ich den JQuery-Selektor? Anweisungen zur Verwendung des Selektors. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!