jQuery 删除元素

jQuery

jQuery 教程 jQuery 简介 jQuery 安装 jQuery 语法 jQuery 选择器 jQuery 事件 jQuery 隐藏/显示 jQuery 淡入/淡出 jQuery 滑动 jQuery 动画 jQuery 停止动画 jQuery Callback jQuery Chaining jQuery 捕获 jQuery 设置 jQuery 添加元素 jQuery 删除元素 jQuery CSS类 jQuery css() 方法 jQuery 尺寸 jQuery 遍历 jQuery 遍历 - 祖先 jQuery 遍历 - 后代 jQuery 遍历 - 同胞 jQuery 遍历- 过滤 jQuery - AJAX 简介 jQuery - AJAX load() jQuery - AJAX get()/post() 方法 jQuery - noConflict() 方法 jQuery JSONP jQuery 实例 jQuery 选择器 jQuery 事件方法 jQuery 效果方法 jQuery HTML / CSS 方法 jQuery 遍历方法 jQuery AJAX 方法 jQuery 杂项方法 jQuery 属性 jQuery Validate jQuery Accordion jQuery Autocomplete jQuery Message jQuery 密码验证 jQuery Prettydate jQuery Tooltip jQuery Treeview

jQuery 删除元素

通过 jQuery，可以很容易地删除已有的 HTML 元素。

删除元素/内容

如需删除元素和内容，一般可使用以下两个 jQuery 方法：

remove() - 删除被选元素（及其子元素）
empty() - 从被选元素中删除子元素

jQuery remove() 方法

jQuery remove() 方法删除被选元素及其子元素。

<!DOCTYPE html>

<html>

<head>

</script>

$(document).ready(function(){

$("button").click(function(){

$("#div1").remove();

});

</script>

</head>

<body>

这是 div 中的一些文本。

<p>这是在 div 中的一个段落。</p>

<p>这是在 div 中的另外一个段落。</p>

</div>

<br>

<button>移除div元素</button>

</body>

</html>

jQuery empty() 方法

jQuery empty() 方法删除被选元素的子元素。

<!DOCTYPE html>

<html>

<head>

</script>

$(document).ready(function(){

$("button").click(function(){

$("#div1").empty();

});

</script>

</head>

<body>

这是 div 中的一些文本。

<p>这是在 div 中的一个段落。</p>

<p>这是在 div 中的另外一个段落。</p>

</div>

<br>

<button>清空div元素</button>

</body>

</html>

过滤被删除的元素

jQuery remove() 方法也可接受一个参数，允许您对被删元素进行过滤。

该参数可以是任何 jQuery 选择器的语法。

下面的例子删除 class="italic" 的所有 <p> 元素：

<!DOCTYPE html>

<html>

<head>

</script>

$(document).ready(function(){

$("button").click(function(){

$("p").remove(".italic");

});

</script>

</head>

<body>

<p>这是一个段落。</p>

<p class="italic"><i>这是另外一个段落。</i></p>

<button>移除所有 class="italic" 的 p 元素。</button>

</body>

</html>

上一篇:jQuery 添加元素

下一篇:jQuery CSS类

我要发贴

jQuery