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将string类型转换int类型
Dec 09 Javascript
js实时监听文本框状态的方法
Apr 26 Javascript
js实现通用的微信分享组件示例
Mar 10 Javascript
使用AngularJS实现表单向导的方法
Jun 19 Javascript
javascript中setAttribute()函数使用方法及兼容性
Jul 19 Javascript
将JavaScript的jQuery库中表单转化为JSON对象的方法
Nov 17 Javascript
JavaScript之WebSocket技术详解
Nov 18 Javascript
基于jQuery实现数字滚动效果
Jan 16 Javascript
JS实现的检验身份证格式并输出出生日期,年龄,性别,出生地示例
May 17 Javascript
VUE前后端学习tab写法实例
Aug 06 Javascript
js实现小时钟效果
Mar 25 Javascript
js实现简易点击切换显示或隐藏
Nov 29 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绝对路径与相对路径之间关系的的分析
2010/03/03 PHP
PHP面相对象中的重载与重写
2017/02/13 PHP
JS遮罩层效果 兼容ie firefox jQuery遮罩层
2010/07/26 Javascript
js中opener与parent的区别详细解析
2014/01/14 Javascript
浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异
2014/11/12 Javascript
Bootstrap中data-target 到底是什么
2017/02/14 Javascript
Node.js常用工具之util模块
2017/03/09 Javascript
分享一个精简的vue.js 图片lazyload插件实例
2017/03/13 Javascript
JavaScript条件判断_动力节点Java学院整理
2017/06/26 Javascript
详解NODEJS的http实现
2018/01/04 NodeJs
vue 中directive功能的简单实现
2018/01/05 Javascript
jQuery实现图片切换效果
2020/10/19 jQuery
vue-router定义元信息meta操作
2020/12/07 Vue.js
[31:47]夜魇凡尔赛茶话会 第三期01:选手知多少
2021/03/11 DOTA
python实现人脸识别代码
2017/11/08 Python
Python基础学习之函数方法实例详解
2019/06/18 Python
如何使用python操作vmware
2019/07/27 Python
详解在Python中以绝对路径或者相对路径导入文件的方法
2019/08/30 Python
python实现的接收邮件功能示例【基于网易POP3服务器】
2019/09/11 Python
使用Python实现NBA球员数据查询小程序功能
2020/11/09 Python
python re.match()用法相关示例
2021/01/27 Python
在线服装零售商:SheIn
2016/07/22 全球购物
世界领先的豪华床上用品供应商之一:Bedeck Home
2019/03/18 全球购物
巴西化妆品商店:Lojas Rede
2019/07/26 全球购物
大学生年度自我鉴定
2013/10/31 职场文书
自主招生自荐信范文
2013/12/04 职场文书
单位创先争优活动方案
2014/01/26 职场文书
亚运会口号
2014/06/20 职场文书
作风转变心得体会
2014/09/02 职场文书
中学生打架检讨书
2014/10/13 职场文书
个人党性分析材料
2014/12/19 职场文书
《1942》观后感
2015/06/08 职场文书
python实现大文本文件分割成多个小文件
2021/04/20 Python
秀!学妹看见都惊呆的Python小招数!【详细语言特性使用技巧】
2021/04/27 Python
Python爬虫基础讲解之请求
2021/05/13 Python
python中使用 unittest.TestCase单元测试的用例详解
2021/08/30 Python