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 相关文章推荐
javascript function调用时的参数检测常用办法
Feb 26 Javascript
jQuery的deferred对象详解
Nov 12 Javascript
javascript制作坦克大战全纪录(2)
Nov 27 Javascript
jQuery中noConflict()用法实例分析
Feb 08 Javascript
浅谈layer的iframe弹窗给里面的标签赋值的问题
Nov 10 Javascript
微信小程序 页面跳转及数据传递详解
Mar 14 Javascript
详谈jQuery.load()和Jsp的include的区别
Apr 12 jQuery
jQuery实现html双向绑定功能示例
Oct 09 jQuery
解决Jquery下拉框数据动态获取的问题
Jan 25 jQuery
富文本编辑器vue2-editor实现全屏功能
May 26 Javascript
vue中路由跳转不计入history的操作
Sep 21 Javascript
JavaScript实现点击出现子菜单效果
Feb 08 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内置函数使用指南
2014/11/27 PHP
PHP四舍五入、取整、round函数使用示例
2015/02/06 PHP
PHP使用PDO调用mssql存储过程的方法示例
2017/10/07 PHP
laravel5.5添加echarts实现画图功能的方法
2019/10/09 PHP
使用JS 清空File控件的路径值
2013/07/08 Javascript
jQuery对val和atrr(&quot;value&quot;)赋值的区别介绍
2014/09/26 Javascript
jQuery支持动态参数将函数绑定到事件上的方法
2015/03/17 Javascript
JavaScript时间转换处理函数
2015/04/14 Javascript
JavaScript数据结构与算法之链表
2016/01/29 Javascript
如何在JS中实现相互转换XML和JSON
2016/07/19 Javascript
js实现千分符和保留几位小数的简单实例
2016/08/01 Javascript
js仿淘宝商品放大预览功能
2017/03/15 Javascript
微信小程序下拉刷新界面的实现
2017/09/28 Javascript
深入Vue-Router路由嵌套理解
2018/08/13 Javascript
Vue 2.0 中依赖注入 provide/inject组合实战
2019/06/20 Javascript
浅谈一个webpack构建速度优化误区
2019/06/24 Javascript
vue跳转方式(打开新页面)及传参操作示例
2020/01/26 Javascript
如何在vue中使用百度地图添加自定义覆盖物(水波纹)
2020/11/03 Javascript
[02:32]DOTA2亚洲邀请赛 C9战队出场宣传片
2015/02/07 DOTA
Python基于回溯法子集树模板解决选排问题示例
2017/09/07 Python
Python wxpython模块响应鼠标拖动事件操作示例
2018/08/23 Python
Python使用Pandas库实现MySQL数据库的读写
2019/07/06 Python
手动安装python3.6的操作过程详解
2020/01/13 Python
python中altair可视化库实例用法
2021/01/26 Python
美国蔬菜和植物种子公司:Burpee
2017/02/01 全球购物
美国在线咖啡、茶和餐厅供应商:LollicupStore
2018/05/04 全球购物
Nanushka官网:匈牙利服装品牌
2019/08/14 全球购物
C#的几个面试问题
2016/05/22 面试题
校长先进事迹材料
2014/02/01 职场文书
《兰亭集序》教学反思
2014/02/11 职场文书
企业宣传方案
2014/03/04 职场文书
公司节能减排倡议书
2014/05/14 职场文书
生产车间标语
2014/06/11 职场文书
2014党委书记四风对照检查材料思想汇报
2014/09/21 职场文书
2015年法务工作总结范文
2015/05/23 职场文书
Nginx域名转发使用场景代码实例
2021/03/31 Servers