Zusammenfassung der Verwendung von JQuery $()

Dieses Mal werde ich Ihnen eine Zusammenfassung der Verwendung von JQuery $() geben. Was sind die Vorsichtsmaßnahmen bei der Verwendung von JQuery $()?

Verwendung von JQuery $(): Es gibt drei Haupttypen: Take-Ausdrücke, Take-Elemente und Take-Funktionen.

1. Tag-Selektor$('p'), Klassen-Selektor$('.myClass'), ID-Selektor $(' #myId‘) ist relativ einfach, es gibt nicht viel zu sagen. Aber eines gibt es: Es gibt einen Unterschied zwischen $('p>ul') und $('p ul').

$('p>ul') ist der direkte Nachkomme von b6ef4366330833257680d220ef1ea24b; und $('p ul') sucht nach ff6d136ddc5fdfeffaf53ff6ee95f185
$('#sId>li') wählt also alle 25edfb22a4f469ecb59f1190150159c6-Knoten mit der ID „sId“ aus. Auch wenn die Nachkommen dieses 25edfb22a4f469ecb59f1190150159c6 enthalten Es wählt den Umfang der Suche aus (das gefundene DOM-Objekt ist nur das DOM-Objekt seiner eigenen Ebene). Und $('#sId li:not(.horizontal)') bedeutet, dass alle Nachkommen von li im Klassennamen „sId“ nicht alle Elemente der horizontalen Klasse haben. ——not() ist hier eine Negation Pseudoklasse.

Was hier zurückgegeben wird, ist ein jQurey-Objekt, ein Array-Objekt. Die Länge dieses jQuery-Objekts kann mit .length() ermittelt werden.

2. ] ist das Attribut des Elements; es ist ein
Attributselektor
Es gibt kein @ in [], was darauf hinweist, dass [] der Nachkomme des Elements ist. Obwohl $('ul li') und $('ul[li]') beide ein jQuery-Array zurückgeben, sind ihre Bedeutungen genau das Gegenteil. Ersteres dient dazu, alle Nachkommen von 25edfb22a4f469ecb59f1190150159c6 unter ff6d136ddc5fdfeffaf53ff6ee95f185 zu finden, während Letzteres darin besteht, das Array ff6d136ddc5fdfeffaf53ff6ee95f185 zu finden.
Wenn Sie in XPath ein Attribut suchen möchten, das mit „beginnt“, verwenden Sie ^=. Wenn Sie ein Eingabeelement finden möchten, dessen Namensattribut mit „mail“ beginnt, verwenden Sie
$('input[@. name^ ="mail"]')
Um ein Attribut zu finden, das „endet mit...“, verwenden Sie $=
Um ein Attribut zu finden, das weder Anfang noch Ende hat, verwenden Sie *=
3. Selektoren, die nicht zum oben genannten CSS und XPath gehören, sind benutzerdefinierte Selektoren, dargestellt durch „:“. Die hier verwendeten sind: first, :last, :parent, :hidden, :visible, :odd, :even , :. not('xxx'), ":eq(0)" (beginnt bei 0), :nth(n), :gt(0), :lt(0), :contains("xxx")
Zum Beispiel : $('tr:not([th]):even') bedeutet die geraden Elemente aller Nachkommen des a34de1251f0d9fe1e645927f19a896e8-Elements, die nicht die Nachkommen von b4d429308760b6c2d20d6300079ed38e enthalten Es gibt noch ein paar weitere, die einfach nicht erklärt werden müssen

$('th').parent()—— 
$(&#39;td:contains("Henry")&#39;).prev()——内容包含有"Henry"的<td>的上一个节点 
$(&#39;td:contains("Henry")&#39;).next()——内容包含有"Henry"的<td>的下一个节点 
$(&#39;td:contains("Henry")&#39;).siblings()——内容包含有"Henry"的<td>的所有兄弟节点

Es gibt noch eine andere, nämlich end(). Diese Methode muss verwendet werden, wenn ein bestimmter DOM-Knoten eine bestimmte Aktion ausführt und eine ausführen möchte Eine ähnliche Aktion für die zugehörigen Knoten wird hier verwendet. Nach Verwendung der Methode end() wird der übergeordnete Knoten des Knotens zurückgegeben, der die Aktion ausführt. Zum Beispiel
$(...).parent().find(...).addClass().end()

Der Knoten, der die Aktion hier ausführt, ist find(...). Bei einem Array-Objekt ist die Aktion „addClass()“ und wird dann „end()“ verwendet. Zu diesem Zeitpunkt zeigt das zurückgegebene Material auf den Knoten, auf den parent() zeigt, also „addClass()“. Die Aktion wird ausgeführt. Der übergeordnete Knoten dieses Array-Objekts.

5. Um direkt auf DOM-Elemente zuzugreifen, können Sie die Methode get(0) verwenden, z. B.
$('#myelement').get(0), die auch mit $('#myelement) abgekürzt werden kann ')[0] ​ ​  


Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.

Empfohlene Lektüre:

So bedienen Sie die Breiten- und Höhenattribute der Seite, des visuellen Bereichs, des Bildschirms usw.

So verwenden Sie Web Storage Storage

Das obige ist der detaillierte Inhalt vonZusammenfassung der Verwendung von JQuery $(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!