本文執行個體講述了jQuery中detach()方法用法。分享給大家供大家參考。具體分析如下:
此方法從DOM中删除所有比對的元素。
說明:detach()方法不會把比對的元素從jQuery對象中删除,因而可以在将來再使用這些比對的元素,與remove()不同的是,所有綁定的事件、附加的資料等都會保留下來。
文法結構:
$(selector).detach(expr)
參數清單:參數
描述
expr
可選。用于篩選被删除元素的jQuery表達式。
執行個體代碼:
執行個體一:
腳本之家
$(document).ready(function(){
$("button").click(function(){
$("div").detach("#first");
});
})
歡迎來到腳本之家 腳本之家歡迎您
點選檢視效果
以上代碼能夠删除div集合中id值為first的div。
執行個體二:
腳本之家
$(document).ready(function(){
$("button").click(function(){
$("div").detach();
});
})
歡迎來到腳本之家 腳本之家歡迎您
點選檢視效果
如果方法沒有參數,那麼将會删除所有比對元素。
執行個體三:
腳本之家
$(document).ready(function(){
$("#btd").click(function(){
var a=$("div");
a.detach("#first");
$("#btn").click(function(){
alert(a.length);
});
});
})
歡迎來到腳本之家 腳本之家歡迎您
删除div效果
檢視删除操作後div的數量
以上代碼的運作結果可以看出,此方法并沒有将div從jquery對象中删除。
希望本文所述對大家的jQuery程式設計有所幫助。