jQuery中remove()方法用法实例
更新时间：2014年12月25日 15:58:20 投稿：shichen2014
这篇文章主要介绍了jQuery中remove()方法用法,以三个不同的实例形式分别演示了remove()方法删除元素的使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下
本文实例讲述了jQuery中remove()方法用法。分享给大家供大家参考。具体分析如下：
此方法将会从DOM中删除所有匹配的元素。
说明:remove()方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素，不过除了这个元素本身得以保留之外，其他的比如绑定的事件，附加的数据等都会被移除。
语法结构:
复制代码 代码如下:
$(selector).remove(expr)
参数列表:
实例一:
复制代码 代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.jb51.net/" />
<title>remove()函数-脚本之家</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").remove("#first");
})
})
</script>
</head>
<body>
<div id="first">我是第一</div>
<div id="second">我是第二</div>
<button>点击</button>
</body>
</html>
以下代码能够删除div集合中id为first的div。
实例二:
复制代码 代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.jb51.net/" />
<title>remove()函数-脚本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btd").click(function(){
$("div").remove();
})
})
</script>
</head>
<body>
<div id="first">我是第一</div>
<div id="second">我是第二</div>
<button id="btd">点击删除第一个div</button>
</body>
</html>
如果省略参数，那就是删除所有匹配的元素。
实例三:
复制代码 代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.jb51.net/" />
<title>remove()函数-脚本之家</title>
<style type="text/css">
div{
width:200px;
height:200px;
border:5px solid green;
}
</style>
<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.remove("#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的数量</button>
</body>
</html>
remove()已经将DOM中的匹配元素删除，但是并没有将它从jquery对象中删除。
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
这篇文章主要介绍了jQuery中andSelf()方法用法,实例分析了andSelf()方法将先前所选的元素加入当前元素集合中的使用技巧,需要的朋友可以参考下2015-01-01
这篇文章主要为大家详细介绍了jquery.validate表单验证插件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-06-06
想必大家对于jQuery这个最流行的javascript类库都不陌生，而且只要是前端开发人员肯定或多或少的使用或者接触过，在这篇文章中，参考了一些资料及实际使用效率，将介绍一些书写高质量jQuery代码的原则，不单单会告诉你如何去书写，也会告诉你为什么这样书写，希望大家会觉得有所帮助2014-03-03
如果使用一个变量替换，使用工具压缩时将会进一步减少文件的大小2012-05-05
这篇文章主要介绍了jQuery Easyui一些用法，非常不错，具有参考借鉴价值，需要的的朋友参考下吧2017-08-08
这篇文章主要介绍了JQuery发送ajax请求时中文乱码问题解决,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-11-11
这篇文章主要介绍了jquery 表单 多选框的一种巧妙写法 ,需要的朋友可以参考下2015-09-09
这篇文章主要介绍了Easy UI动态树点击文字实现展开关闭功能,需要的朋友可以参考下2017-09-09
这篇文章主要介绍了jQuery链使用方法，以及用哪些方法尅控制jQuery链，非常的详细,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了14个有用的Jquery技巧分享,本文有一些性能优化技巧、编码优化技巧、简洁方法等,需要的朋友可以参考下2015-01-01
最新评论