jQuery 删除HTML元素

jQuery使用下面两个方法来删除或是清空某个HTML元素。

remove() – 删除指定的元素（包括其子元素）
empty() – 清空指定元素的子元素

例如：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>JQuery Demo</title><script src="scripts/jquery-1.9.1.js"></script><script>$(document).ready(function () {$("button").click(function () {$("#div1").remove();});});</script>
</head>
<body><div id="div1" style="height: 100px; width: 300px;border: 1px solid black; background-color: yellow;">This is some text in the div.<p>This is a paragraph in the div.</p><p>This is another paragraph in the div.</p></div><br><button>Remove div element</button></body>
</html>

empty：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>JQuery Demo</title><script src="scripts/jquery-1.9.1.js"></script><script>$(document).ready(function () {$("button").click(function () {$("#div1").empty();});});</script>
</head>
<body><div id="div1" style="height: 100px; width: 300px;border: 1px solid black; background-color: yellow;">This is some text in the div.<p>This is a paragraph in the div.</p><p>This is another paragraph in the div.</p></div><br><button>Empty the div element</button></body>
</html>

jQuery的remove()方法也支持一个参数，可以用于过滤一些需要删除的HTML元素。这个参数可以为任何有效的jQuery selector.
比如下面代码只删除class=”italic”的<p>元素：

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

jQuery 删除HTML元素相关推荐

jquery删除替换元素remove、detach、empty、replaceWith、replaceAll
全栈工程师开发手册 (作者:栾鹏) jquery系列教程2-DOM操作全解 jquery删除替换元素 jquery中进行删除替换元素的函数包括remove.detach.empty.replaceWi ...
6 JS 和 Jquery 删除标签元素
6 JS 和 Jquery 删除标签元素 Jquery:$().remove() jQuery remove() 方法删除被选元素及其子元素, 即删除元素自身. <body> <di ...
jquery 删除该元素的所有子元素
jquery 删除该元素的所有子元素 $("#tableId").empty();
jQuery 学习-DOM篇（四）：jQuery 删除 DOM 元素的方法
推荐阅读 Helm3(K8S 资源对象管理工具)视频教程:https://edu.csdn.net/course/detail/32506 Helm3(K8S 资源对象管理工具)博客专栏:https: ...
Jquery删除节点元素
删除节点的操作 <!DOCTYPE html> <html lang="en"> <head><meta charset="UT ...
php移除所有子节点,jQuery删除/清空指定元素下的所有子节点的方法
上几篇文章详细的介绍了,我们可以利有jQuery中的detach()方法和jQuery中的remove()方法删除指定的或是匹配的元素,也可以使用removeClass()方法以及removeAttr ...
jQuery如何根据元素值删除数组元素
用到的方法$.inArry(); $.inArray( value, array [, fromIndex ] ) value 任意类型用于查找的值. array Array类型指定被查找的数组. ...
使用JQuery删除html页面中的元素
1.使用JS代码引用JQuery 有些网站自带JQuery,但是有些没有. 在控制台运行下面的代码可以验证当前网站是否加载了JQuery if (jQuery) { alert("JQuer ...
jQuery删除元素---remove()与empty()
jQuery删除元素-remove()与empty() remove() - 删除被选元素(及其子元素) empty() - 从被选元素中删除子元素举例:remove() <script> ...

jQuery 删除HTML元素

jQuery 删除HTML元素相关推荐

最新文章

热门文章