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 ; und $('p ul') sucht nach

$('#sId>li') wählt also alle
• -Knoten mit der ID „sId“ aus. Auch wenn die Nachkommen dieses
• 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

• unter
  zu finden, während Letzteres darin besteht, das Array
  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 -Elements, die nicht die Nachkommen von 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!