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

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

伊谢尔伦
伊谢尔伦Original
2017-06-16 14:36:182287Durchsuche

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>");
Beispielcode eins:

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

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="http://www.php.cn/"/>
<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>

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!

Stellungnahme:
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