天天看点

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