Heim > Web-Frontend > js-Tutorial > Was ist $(dom).context im JQuery-Code? Wie benutzt man es?

Was ist $(dom).context im JQuery-Code? Wie benutzt man es?

伊谢尔伦
Freigeben: 2017-06-16 14:36:18
Original
2381 Leute haben es durchsucht

context gibt den ursprünglichen DOM-Knoteninhalt zurück, der an jQuery() übergeben wurde, was der zweite Parameter von jQuery() ist. Wenn nicht angegeben, verweist der Kontext auf das aktuelle Dokument
. Beispiel: $("p span",context); bedeutet die Auswahl des Objekts "p span" aus dem Kontextobjekt. Dies bedeutet, Objekte innerhalb eines bestimmten Bereichs suchen auszuwählen.
Und $(dom)[0].attributes findet die Attribute direkt unter dem ersten Dom. Es unterscheidet sich vom Kontext darin, dass es den Suchobjekt

Kontext angibt: Element

Neu hinzugefügt in jQuery1.3, gibt es den ursprünglichen DOM-Knoteninhalt zurück, der an jQuery() übergeben wird, was der zweite Parameter von jQuery() ist. Wenn nicht angegeben, zeigt der Kontext auf das aktuelle Dokument (Dokument). Wird mit dem Selektor zur genauen Erkennung von Selektorabfragesituationen verwendet. Diese beiden Eigenschaften sind für Plugin-Entwickler nützlich.

Beispiel: Erkennen Sie den verwendeten Dokumentinhalt

jQuery-Code: ", document.body).context.nodeName Dieser Satz bedeutet, das ul-Element in document.body zu finden.

 $("ul").append("<li>"+$("ul").context+"</li>")
           .append("<li>"+$("ul", document.body).context.nodeName+"</li>");
Nach dem Login kopieren
Beispielcode eins:

 [object HTMLDocument]//如果是IE浏览器,则返回[object]
   BODY
Nach dem Login kopieren

Standardmäßig ist der ursprüngliche DOM-Knoten, der an jQuery() übergeben wird, Document, das [Objekt im IE-Browser] zurückgibt. andere Browser geben [object HTMLDocument] zurück.

Beispielcode zwei:

Der Rückgabewert des obigen Codes ist [object HTMLUListElement], aber im IE-Browser ist er [object]
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="//m.sbmmt.com/"/>
<title>php.cn</title> 
<style type="text/css"> 
p 
{ 
  width:150px; 
  height:150px; 
  border:1px solid blue; 
} 
</style> 
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 
<script type="text/javascript">  
$(document).ready(function(){ 
  $("button").click(function(){ 
    alert($("li").context); 
  })
})
</script>  
</head> 
<body> 
<p> 
  <ul> 
    <li>测试脚本</li> 
  </ul> 
</p> 
<button>点击测试</button> 
</body> 
</html>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWas ist $(dom).context im JQuery-Code? Wie benutzt man es?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage