jQuery的context屬性用法實例
更新時間：2014年12月27日 12:10:29 投稿：shichen2014
這篇文章主要介紹了jQuery的context屬性用法,實例分析了context屬性返回節(jié)點內(nèi)容的使用技巧,具有一定的參考借鑒價值,需要的朋友可以參考下
本文實例講述了jQuery的context屬性用法。分享給大家供大家參考。具體分析如下：
此屬性可以返回傳給jQuery()的原始DOM節(jié)點內(nèi)容，即jQuery()方法的第二個參數(shù)值。
如果jQuery()方法沒有指定此參數(shù)，那么context指向當(dāng)前文檔(document)。
語法結(jié)構(gòu):
復(fù)制代碼 代碼如下:
$("selector").context
實例代碼:
實例一:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://m.fzitv.net/" />
<title>腳本之家</title>
<style type="text/css">
div
{
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>
<div>
<ul>
<li>測試腳本</li>
</ul>
</div>
<button>點擊測試</button>
</body>
</html>
默認(rèn)狀態(tài)下，傳給jQuery()的原始DOM節(jié)點是Document，在IE瀏覽器下會返回[object]，其他瀏覽器返回[object HTMLDocument]。
實例二:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://m.fzitv.net/" />
<title>腳本之家</title>
<style type="text/css">
div
{
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>
<div>
<ul id="myid">
<li>測試腳本</li>
</ul>
</div>
<button>點擊測試</button>
</body>
</html>
上述代碼返回值是[object HTMLUListElement]，但是在IE瀏覽器是[object]
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
相關(guān)文章
相信大家應(yīng)該都會看到在各大網(wǎng)站上都有一個輪播器的效果，于是自己不禁也想做一個，查了資料，看了輪播器的原理，慢慢的試著做了做，最終效果勉勉強強，但還是想總結(jié)出來，或許對有需要的朋友們帶來一定的幫助，下面來一起看看吧。2016-12-12
這篇文章主要介紹了JQuery顯示隱藏頁面元素的方法總結(jié),本文分別講解了show()、hide()、toggle()、slideDown()、css()5種控制顯示隱藏某個DIV或P標(biāo)簽等頁面元素的方法,需要的朋友可以參考下2015-04-04
通過JQuery，JQueryUI和Jsplumb實現(xiàn)拖拽模塊
這篇文章主要介紹了通過JQuery，JQueryUI和Jsplumb實現(xiàn)拖拽模塊，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，,需要的朋友可以參考下2019-06-06
使用jquery.upload.js實現(xiàn)異步上傳示例代碼
這篇文章主要介紹了使用jquery.upload.js實現(xiàn)異步上傳的示例代碼,需要的朋友可以參考下2014-07-07
jq選項卡鼠標(biāo)延遲的插件實例，需要的朋友可以參考一下2013-05-05
下面小編就為大家?guī)硪黄狫Query遍歷元素的后代和同胞實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
本文詳細(xì)講解了Jquery使用AJAX方法請求數(shù)據(jù)，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-05-05
這篇文章主要為大家詳細(xì)介紹了基于jquery編寫分頁插件的相關(guān)資料，感興趣的小伙伴們可以參考一下2016-03-03
這里給大家展示了一例使用jQuery實現(xiàn)下拉菜單效果，代碼非常簡潔，推薦給小伙伴們2015-01-01
jQuery Validation Plugin驗證插件手動驗證
jquery.validate是jquery旗下的一個驗證框架，借助jquery的優(yōu)勢，我們可以迅速驗證一些常見的輸入,并且可以自己擴充自己的驗證方法，并且對國際化也有很好的支持，接下來通過本文給大家介紹jQuery Validation Plugin驗證插件手動驗證2016-01-01