jQuery中detach()方法用法实例_jquery

此方法从DOM中删除所有匹配的元素。

说明:detach()方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素，与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来。

语法结构:
代码如下:$(selector).detach(expr)

参数列表:

实例一：

代码如下:








$(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程序设计有所帮助。