Rumah > Artikel > hujung hadapan web > JQuery代码$(dom).context 是什么？怎么用？

JQuery代码$(dom).context 是什么？怎么用？

伊谢尔伦asal: 2017-06-16 14:36:182336semak imbas

context,返回传给jQuery()的原始的DOM节点内容，即jQuery()的第二个参数。如果没有指定，那么context指向当前的文档
例如:$("p span",context);
表示从context对象中选择"p span"对象，这是jQuery的一种用法，就是选定范围查找对象。
而$(dom)[0].attributes则直接是找第一个dom下的attributes ，它和context不同是指定查找对象

context　　返回值:Element

　　jQuery1.3新增，返回传给jQuery()的原始的DOM节点内容，即jQuery()的第二个参数，如果没有指定，则context指向当前文档(document).可与selector一起使用，用于精确检测选择器查询情况。这两个属性对插件开发人员很有用。

　　示例：检测使用的文档内容

　　jQuery代码：　　

 $("ul").append("<li>"+$("ul").context+"</li>")
           .append("<li>"+$("ul", document.body).context.nodeName+"</li>");

　结果：　　

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

【注】：$("ul", document.body).context.nodeName 这句的意思是在document.body里面找ul元素。

示例代码一：

<!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>

默认状态下，传给jQuery()的原始DOM节点是Document，在IE浏览器下会返回[object]，其他浏览器返回[object HTMLDocument]。

示例代码二：

<!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",document.getElementById("myid")).context); 
  })
})
</script>
</head>
<body>
<p>
  <ul id="myid">
    <li>测试脚本</li>
  </ul>
</p>
<button>点击测试</button>
</body>
</html>

上述代码返回值是[object HTMLUListElement]，但是在IE浏览器是[object]

Atas ialah kandungan terperinci JQuery代码$(dom).context 是什么？怎么用？. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：jQuery对象中的selector和context是怎么使用的？Artikel seterusnya：ownerdocument是什么意思?它是怎么使用的

Artikel berkaitan

Lihat lagi