jQuery删除节点用法示例(remove方法)


Posted in Javascript onSeptember 08, 2016

本文实例讲述了jQuery删除节点的方法。分享给大家供大家参考,具体如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="js/jquery-1.10.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
$(function(){
  //第一种删除的方法
  $("ul li:eq(1)").remove(); // 获取第二个<li>元素节点后,将它从网页中删除。
  //第二种删除的方法
  var $li = $("ul li:eq(1)").remove(); // 获取第二个<li>元素节点后,将它从网页中删除。
  $li.appendTo("ul"); // 把刚才删除的又重新添加到<ul>元素里
  //所以,删除只是从网页中删除,在jQuery对象中,这个元素还是存在的,我们可以重新获取它
  //第三种删除的方法
  $("ul li").remove("li[title!=菠萝]"); //把<li>元素中属性title不等于"菠萝"的<li>元素删除
  //第四种删除的方法
  $("ul li:eq(1)").empty(); // 获取第二个<li>元素节点后,清空此元素里的内容
});
//]]>
</script>
</head>
<body>
<p title="选择你最喜欢的水果." >你最喜欢的水果是?</p>
<ul>
  <li title='苹果'>苹果</li>
  <li title='橘子'>橘子</li>
  <li title='菠萝'>菠萝</li>
</ul>
</body>
</html>

效果图如下:

jQuery删除节点用法示例(remove方法)

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
Underscore.js 的模板功能介绍与应用
Dec 24 Javascript
JavaScript创建对象的写法
Aug 29 Javascript
js实现省市联动效果的简单实例
Feb 10 Javascript
javascript实现图片自动和可控的轮播切换特效
Apr 13 Javascript
jQuery手动点击实现图片轮播特效
Apr 20 Javascript
在AngularJS框架中处理数据建模的方式解析
Mar 05 Javascript
鼠标经过出现气泡框的简单实例
Mar 17 Javascript
基于vue+ bootstrap实现图片上传图片展示功能
May 17 Javascript
iscroll.js滚动加载实例详解
Jul 18 Javascript
Vue不能观察到数组length的变化
Jun 08 Javascript
详解JWT token心得与使用实例
Aug 02 Javascript
vue实现购物车的监听
Apr 20 Javascript
jQuery复制节点用法示例(clone方法)
Sep 08 #Javascript
jQuery替换节点用法示例(使用replaceWith方法)
Sep 08 #Javascript
jQuery元素属性操作实例(设置、获取及删除元素属性)
Sep 08 #Javascript
jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
Sep 08 #Javascript
jQuery常用样式操作实例分析(获取、设置、追加、删除、判断等)
Sep 08 #Javascript
js发送短信倒计时的简单实现方法
Sep 08 #Javascript
JavaScript-html标题滚动效果的简单实现
Sep 08 #Javascript
You might like
PHP中substr函数字符串截取用法分析
2016/01/07 PHP
PHP严重致命错误处理:php Fatal error: Cannot redeclare class or function
2017/02/05 PHP
利用 fsockopen() 函数开放端口扫描器的实例
2017/08/19 PHP
通用于ie和firefox的函数 GetCurrentStyle (obj, prop)
2006/12/27 Javascript
读jQuery之六 缓存数据功能介绍
2011/06/21 Javascript
编写针对IE的JS代码两种编写方法
2013/01/30 Javascript
javascript简单实现表格行间隔显示颜色并高亮显示
2013/11/29 Javascript
CSS+jQuery实现简单的折叠菜单
2016/12/20 Javascript
js学习总结之DOM2兼容处理顺序问题的解决方法
2017/07/27 Javascript
详谈vue+webpack解决css引用图片打包后找不到资源文件的问题
2018/03/06 Javascript
JS实现的透明度渐变动画效果示例
2018/04/28 Javascript
jquery的$().each和$.each的区别
2019/01/18 jQuery
layui的布局和表格的渲染以及动态生成表格的方法
2019/09/18 Javascript
Python中函数的用法实例教程
2014/09/08 Python
Python常用的文件及文件路径、目录操作方法汇总介绍
2015/05/21 Python
Python基于checksum计算文件是否相同的方法
2015/07/09 Python
Python基于回溯法子集树模板实现8皇后问题
2017/09/01 Python
浅谈python日志的配置文件路径问题
2018/04/28 Python
Python学习小技巧总结
2018/06/10 Python
Python拼接微信好友头像大图的实现方法
2018/08/01 Python
python fuzzywuzzy模块模糊字符串匹配详细用法
2019/08/29 Python
Python 可变类型和不可变类型及引用过程解析
2019/09/27 Python
如何基于Python创建目录文件夹
2019/12/31 Python
Python hashlib常见摘要算法详解
2020/01/13 Python
使用sublime text3搭建Python编辑环境的实现
2021/01/12 Python
一份比较全的PHP面试题
2016/07/29 面试题
优秀求职自荐信怎样写
2013/12/18 职场文书
《在大海中永生》教学反思
2014/02/24 职场文书
上海世博会口号
2014/06/19 职场文书
土建专业毕业生自荐书
2014/07/04 职场文书
2014年环卫工作总结
2014/11/22 职场文书
2015年教师节新闻稿
2015/07/17 职场文书
公司仓库管理制度
2015/08/04 职场文书
导游词之凤凰古城
2019/10/22 职场文书
thinkphp 获取控制器及控制器方法
2021/04/16 PHP
vue-cli3.x配置全局的scss的时候报错问题及解决
2022/04/30 Vue.js