前端开发

首页 > 前端开发 > jquery教程 > jquery方法之remove()方法详解

jquery方法之remove()方法详解

分享到：

【字体：大中小】

2016-06-17
来源：网络
480
59
8

导读：
本教程讲解jquery方法之remove()方法详解 remove()方法的定义和用法: 此方法将会从DOM中删除所有匹配的元素。说明:remove()方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用...

本教程讲解jquery方法之remove()方法详解

remove()方法的定义和用法:

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

说明:remove()方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素，不过除了这个元素本身得以保留之外，其他的比如绑定的事件，附加的数据等都会被移除。

语法结构:

$(selector).remove(expr)

参数列表:

参数描述
expr 可选。用于筛选元素的jQuery表达式

实例代码:






 
$(document).ready(function(){
 $("button").click(function(){
  $("div").remove("#first");
 })
})
 


我是第一

我是第二

以下代码能够删除div集合中id为first的div。






 
$(document).ready(function(){
 $("#btd").click(function(){
  $("div").remove();
 })
})
 


我是第一

我是第二

div{ width:200px; height:200px; border:5px solid green; } $(document).ready(function(){ $("#btd").click(function(){ var a=$("div"); a.remove("#first"); $("#btn").click(function(){ alert(a.length); }) }) }) 我是第一我是第二删除第一个div查看删除操作后div的数量

This is a paragraph in the div.

This is another paragraph in the div.

前端开发

jquery方法之remove()方法详解

Tags

About