首頁 > web前端 > js教程 > JQuery程式碼$(dom).context 是什麼?怎麼用?

JQuery程式碼$(dom).context 是什麼?怎麼用?

伊谢尔伦
發布: 2017-06-16 14:36:18
原創
2381 人瀏覽過

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", p. body).context.nodeName 這句話的意思是在document.body裡面找ul元素。

範例程式碼一:

<!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>
登入後複製

預設狀態下,傳給jQuery()的原始DOM節點是Document,在IE瀏覽器下會回傳[object],其他瀏覽器返回[object HTMLDocument]。

範例程式碼二:

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

上述程式碼回傳值是[object HTMLUListElement],但在IE瀏覽器是[object]

以上是JQuery程式碼$(dom).context 是什麼?怎麼用?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板