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中文網其他相關文章!