recherche

Maison >interface Web >js tutoriel >Qu'est-ce que $(dom).context dans le code JQuery ? Comment l'utiliser ?

Qu'est-ce que $(dom).context dans le code JQuery ? Comment l'utiliser ?

伊谢尔伦
伊谢尔伦original
2017-06-16 14:36:182365parcourir

context, renvoie le contenu du nœud DOM d'origine transmis à jQuery(), qui est le deuxième paramètre de jQuery(). S'il n'est pas spécifié, alors le contexte pointe vers le document actuel
Par exemple : $("p span",context);
signifie sélectionner l'objet "p span" dans l'objet contextuel. Il s'agit d'une utilisation de jQuery, qui consiste à sélectionner Rechercher des objets dans une certaine plage.
Et $(dom)[0].attributes trouve directement les attributs sous le premier dom. Il est différent du contexte en ce sens qu'il spécifie l'objet de recherche

Valeur de retour : Element

<.> Récemment ajouté dans jQuery1.3, il renvoie le contenu du nœud DOM d'origine transmis à jQuery(), qui est le deuxième paramètre de jQuery(). S'il n'est pas spécifié, le contexte pointe vers le document actuel (document). utilisé avec le sélecteur pour détecter avec précision les situations de requête du sélecteur. Ces deux propriétés sont utiles aux développeurs de plugins.

Exemple : Détecter le contenu du document utilisé

Code jQuery : ", document.body).context.nodeName Cette phrase signifie trouver l'élément ul dans document.body. 

 $("ul").append("<li>"+$("ul").context+"</li>")
           .append("<li>"+$("ul", document.body).context.nodeName+"</li>");
Exemple de code 1 : 

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

Par défaut, le nœud DOM d'origine transmis à jQuery() est Document, qui renverra [objet dans le navigateur IE], d'autres navigateurs renvoient [objet HTMLDocument].

Exemple de code deux :

La valeur de retour du code ci-dessus est [object HTMLUListElement], mais dans le navigateur IE, c'est [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>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Comment utiliser le sélecteur et le contexte dans un objet jQuery ?Article suivant：Comment utiliser le sélecteur et le contexte dans un objet jQuery ?

Articles Liés

Voir plus