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

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

伊谢尔伦

Libérer： 2017-06-16 14:36:18

original

2342 Les gens l'ont consulté

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>");

Copier après la connexion

Exemple de code 1 :

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

Copier après la connexion

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>

Copier après la connexion

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!