jQuery中detach()方法用法實(shí)例
本文實(shí)例講述了jQuery中detach()方法用法。分享給大家供大家參考。具體分析如下:
此方法從DOM中刪除所有匹配的元素。
說明:detach()方法不會(huì)把匹配的元素從jQuery對象中刪除,因而可以在將來再使用這些匹配的元素,與remove()不同的是,所有綁定的事件、附加的數(shù)據(jù)等都會(huì)保留下來。
語法結(jié)構(gòu):
參數(shù)列表:
實(shí)例一:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dbjr.com.cn/" />
<title>腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("div").detach("#first");
});
})
</script>
</head>
<body>
<div id="first">歡迎來到腳本之家</div>
<div>腳本之家歡迎您</div>
<button>點(diǎn)擊查看效果</button>
</body>
</html>
以上代碼能夠刪除div集合中id值為first的div。
實(shí)例二:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dbjr.com.cn/" />
<title>腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("div").detach();
});
})
</script>
</head>
<body>
<div id="first">歡迎來到腳本之家</div>
<div>腳本之家歡迎您</div>
<button>點(diǎn)擊查看效果</button>
</body>
</html>
如果方法沒有參數(shù),那么將會(huì)刪除所有匹配元素。
實(shí)例三:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dbjr.com.cn/" />
<title>腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btd").click(function(){
var a=$("div");
a.detach("#first");
$("#btn").click(function(){
alert(a.length);
});
});
})
</script>
</head>
<body>
<div id="first">歡迎來到腳本之家</div>
<div id="second">腳本之家歡迎您</div>
<button id="btd">刪除div效果</button>
<button id="btn">查看刪除操作后div的數(shù)量</button>
</body>
</html>
以上代碼的運(yùn)行結(jié)果可以看出,此方法并沒有將div從jquery對象中刪除。
希望本文所述對大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
基于JQuery實(shí)現(xiàn)滾動(dòng)到頁面底端時(shí)自動(dòng)加載更多信息
這篇文章主要介紹了基于JQuery實(shí)現(xiàn)滾動(dòng)到頁面底端時(shí)自動(dòng)加載更多信息,類似微博,新浪新聞的評論等,都采用了這方法,需要的朋友可以參考下2014-01-01jQuery實(shí)現(xiàn)帶有上下控制按鈕的簡單多行滾屏效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)帶有上下控制按鈕的簡單多行滾屏效果代碼,涉及jquery鼠標(biāo)事件控制頁面翻頁滾動(dòng)效果的相關(guān)實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09jQuery實(shí)現(xiàn)購物車多物品數(shù)量的加減+總價(jià)計(jì)算
這篇文章主要介紹了jQuery實(shí)現(xiàn)購物車多物品數(shù)量的加減+總價(jià)計(jì)算,需要的朋友可以參考下2014-06-06JQuery擴(kuò)展插件Validate 3通過參數(shù)設(shè)置錯(cuò)誤信息
最終顯示在頁面上的錯(cuò)誤分為兩種:第一種是默認(rèn)錯(cuò)誤信息,該信息已經(jīng)被定義在插件中了,可以手動(dòng)修改。2011-09-09給jQuery方法添加回調(diào)函數(shù)一款插件的應(yīng)用
本插件用于給jQuery方法添加回調(diào)函數(shù),可在類方法或?qū)嵗椒ㄌ砑尤魏巫远x的回調(diào)函數(shù)而不影響原方法的行為,感興趣的朋友可以了解下,希望本文對你有所幫助2013-01-01基于jQuery實(shí)現(xiàn)以手風(fēng)琴方式展開和折疊導(dǎo)航菜單
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)以手風(fēng)琴方式展開和折疊導(dǎo)航菜單的相關(guān)資料,需要的朋友可以參考下2016-01-01jQuery EasyUI 中文API Layout(Tabs)
發(fā)布jQuery EasyUI 中文API—Layout(Tabs)總結(jié),需要的朋友可以參考下。2010-04-04jQuery+vue.js實(shí)現(xiàn)的九宮格拼圖游戲完整實(shí)例【附源碼下載】
這篇文章主要介紹了jQuery+vue.js實(shí)現(xiàn)的九宮格拼圖游戲,結(jié)合完整實(shí)例形式分析了jQuery結(jié)合vue.js針對圖片的相關(guān)操作技巧,需要的朋友可以參考下2017-09-09javascript向后臺傳送相同屬性的參數(shù)即數(shù)組參數(shù)
在傳送參數(shù)時(shí),經(jīng)常會(huì)碰到向后臺傳送一些相同屬性的參數(shù),最好的選擇是采用數(shù)組的方式,下面有個(gè)不錯(cuò)的示例,大家可以參考下2014-02-02