天天看點

java detach_jQuery中detach()方法用法執行個體

本文執行個體講述了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程式設計有所幫助。