jQuery实现删除li节点的方法
废话不多说了，直接给大家贴代码了，具体代码如下所示：
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
ul {
list-style: none;
}
li {
line-height: 25px;
margin-top: 3px;
}
li:hover {
background-color: #ddd;
}
li.hover {
background-color: #fc0;
}
</style>
<script src="./jquery-2.2.4.min.js"></script>
<script type="text/javascript">
$(function() {
//获取每一个li节点并设置点击事件
$("li").click(function() {
//当点击某一个节点的时候，增加类名为hover
$(this).toggleClass("hover");
});
//获取删除按钮并设置点击事件
$("button").click(function() {
//将类名是hover的节点删除
$("li.hover").remove();
});
});
</script>
</head>
<body>
<h2 id="hid">jQuery实例--节点删除</h2>
<ul>
<li>asdfasdfasfd</li>
<li>asdfasdfasfd</li>
<li>asdfasdfasfd</li>
<li>asdfasdfasfd</li>
<li>asdfasdfasfd</li>
<li>asdfasdfasfd</li>
</ul>
<button>删除</button>
</body>
</html>
以上所述是小编给大家介绍的jQuery实现删除li节点的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持！
-
本文向大家介绍Javascript removeChild()删除节点及删除子节点的方法，包括了Javascript removeChild()删除节点及删除子节点的方法的使用技巧和注意事项，需要的朋友参考一下 下面给大家介绍Javascript removeChild()删除节点的方法，具体详情如下所示： 在Javascript中，只提供了一种删除节点的方法：removeChild()。 rem
-
本文向大家介绍jQuery删除节点用法示例(remove方法)，包括了jQuery删除节点用法示例(remove方法)的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery删除节点的方法。分享给大家供大家参考，具体如下： 效果图如下： 更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery操作
-
本文向大家介绍jquery实现增加删除行的方法，包括了jquery实现增加删除行的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jquery实现增加删除行的方法。分享给大家供大家参考。具体分析如下： 最近做一个投票管理的模块，需要添加问题选项，为了方便，就简单地实现了表格行的添加、删除。 注：需引入jquery.js 先上效果图：(form中默认有4行) 表单代码： JS代码： 需要
-
本文向大家介绍JS实现添加,替换,删除节点元素的方法，包括了JS实现添加,替换,删除节点元素的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS实现添加,替换,删除节点元素的方法。分享给大家供大家参考，具体如下： 一直以来,对于节点操作比较纠结,特别是插入到某某节点之后.居然没有这个方法,以前的我写的方法有问题,是把新节点插入到旧节点的里面去了,还是该用insertBefore方法可
-
本文向大家介绍JQuery实现ul中添加LI和删除指定的Li元素功能完整示例，包括了JQuery实现ul中添加LI和删除指定的Li元素功能完整示例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JQuery实现ul中添加LI和删除指定的Li元素功能。分享给大家供大家参考，具体如下： 最近为了实现这个简单的功能也是看了很多的内容，终于找出了看起来简单易实现的方法，我觉得能用最简洁的代码实现，
-
本文向大家介绍jQuery+css3实现Ajax点击后动态删除功能的方法，包括了jQuery+css3实现Ajax点击后动态删除功能的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery+css3实现Ajax点击后动态删除功能的方法。分享给大家供大家参考。具体如下： 这里使用jquery实现ajax动态删除一个方框，并带有动画缓冲效果，在google plus网站发现的特效，在