Jquery删除节点元素

删除节点的操作

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>删除节点元素</title><script type="text/javascript" src="../jquery-3.3.1/jquery-3.3.1.js"></script><script type="text/javascript">$(document).ready(function () {//删除节点元素-remove-删除ul中第1个li元素节点并重新添加到ul元素中去$("button#button-delete-1").click(function () {var $li = $("ul li:eq(0)").remove();//删除<ul>节点中第1个元素节点$("ul").append($li);//把刚删的元素节点重新添加到<ul>元素中去
            });//删除节点元素-remove-删除li元素title属性等于“IBM”的元素表删除$("button#button-delete-2").click(function () {$("ul li").remove("li[title=IBM]");//将<ul>元素下title属性等于"IBM"的li元素删除
            });//清空<ul>节点全部<li>元素的内容$("button#button-empty-3").click(function () {$("ul").empty();//清空<ul>节点全部<li>元素的内容
            });});</script>
</head>
<body>
<p>您好！您最喜欢的IT公司是：</p>
<ul><li title="Google">Google</li><li title="Apple">Apple</li><li title="Microsoft">Microsoft</li><li title="Intel">Intel</li><li title="IBM">IBM</li><li title="Facebook">Facebook</li>
</ul>
<button id="button-delete-1">删除节点元素-remove-删除ul中第1个li元素节点并重新添加到ul元素中去
</button>
</br>
<button id="button-delete-2">删除节点元素-remove-删除li元素title属性等于“IBM”的元素表删除
</button>
</br>
<button id="button-empty-3">清空ul节点全部li元素的内容
</button>
</br>
</body>
</html>

效果图如下：

总结：

转载于:https://www.cnblogs.com/abernhong/p/8596171.html

Jquery删除节点元素相关推荐

html用js添加兄弟节点,jquery 删除节点添加节点找兄弟节点的简单实现
$().empty(); //该方法会删除当前节点下的所有子节点,请注意当前节点不会被删除 $().remove(); //该方法会删除当前节点下的所有子节点,请注意当前节点会被删除 $(). ...
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 删除节点
JQuery 删除节点删除节点有两个关键字:empty 清空.remove:移除案例: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 T ...
浅析jQuery删除节点的三个方法
jQuery提供了三种删除节点的方法,即remove(),detach()和empty(). 测试所用HTML代码: <p title="选择你最喜欢的水果?">你最喜 ...
jQuery删除节点
jQuery中三种删除节点的方法 remove(),detach(),empty() 1.remove() 作用:当某个节点用remove()方法删除后,该节点所包含的所有后代节点将同时被删除,但不会 ...
jQuery 学习-DOM篇（四）：jQuery 删除 DOM 元素的方法
推荐阅读 Helm3(K8S 资源对象管理工具)视频教程:https://edu.csdn.net/course/detail/32506 Helm3(K8S 资源对象管理工具)博客专栏:https: ...
jQuery 删除HTML元素
jQuery使用下面两个方法来删除或是清空某个HTML元素. remove() – 删除指定的元素(包括其子元素) empty() – 清空指定元素的子元素例如: <!DOCTYPE html ...

Jquery删除节点元素

Jquery删除节点元素相关推荐

最新文章

热门文章