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 相关文章推荐
iframe 父窗口和子窗口相互的调用方法集锦
Dec 15 Javascript
利用javascript解决图片缩放及其优化的代码
May 23 Javascript
javaScript复制功能调用实现方案
Dec 13 Javascript
关于onchange事件在IE和FF下的表现及解决方法
Mar 08 Javascript
js实现简单的联动菜单效果
Aug 19 Javascript
JavaScript必知必会(十) call apply bind的用法说明
Jun 08 Javascript
javascript ES6 新增了let命令使用介绍
Jul 07 Javascript
Vue0.1的过滤代码如何添加到Vue2.0直接使用
Aug 23 Javascript
JavaScript定义函数的三种实现方法
Sep 23 Javascript
详解Webpack实战之构建 Electron 应用
Dec 25 Javascript
vue异步加载高德地图的实现
Jun 19 Javascript
vue+php实现的微博留言功能示例
Mar 16 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 adodb连接带密码access数据库实例,测试成功
2008/05/14 PHP
php对gzip文件或者字符串解压实例参考
2008/07/25 PHP
Zend Framework框架Smarty扩展实现方法
2016/03/22 PHP
Laravel 框架返回状态拦截代码
2019/10/18 PHP
php命令行模式代码实例详解
2021/02/26 PHP
JavaScript.The.Good.Parts阅读笔记(一)假值与===运算符
2010/11/16 Javascript
javascript实现单击和双击并存的方法
2014/12/13 Javascript
JavaScript中调用函数的4种方式代码实例
2015/07/08 Javascript
jQuery实现类似老虎机滚动抽奖效果
2015/08/06 Javascript
AngularJS获取json数据的方法详解
2017/05/27 Javascript
javaScript中的空值和假值
2017/12/18 Javascript
详解vue移动端项目代码拆分记录
2019/03/15 Javascript
浅谈vue加载优化策略
2019/03/19 Javascript
javascript实现简易计算器功能
2020/09/23 Javascript
python将MongoDB里的ObjectId转换为时间戳的方法
2015/03/13 Python
Python的IDEL增加清屏功能实例
2017/06/19 Python
Python实现的密码强度检测器示例
2017/08/23 Python
Django数据库操作的实例(增删改查)
2017/09/04 Python
python实现外卖信息管理系统
2018/01/11 Python
Python使用pandas对数据进行差分运算的方法
2018/12/22 Python
Python面向对象思想与应用入门教程【类与对象】
2019/04/12 Python
用Python配平化学方程式的方法
2019/07/20 Python
如何通过Python3和ssl实现加密通信功能
2020/05/09 Python
利用css3如何设置没有上下边的列表间隔线
2017/07/03 HTML / CSS
针对HTML5的Web Worker使用攻略
2015/07/12 HTML / CSS
美国婴儿服装购物网站:Gerber Childrenswear
2020/05/06 全球购物
什么是方法的重载
2013/06/24 面试题
《千年梦圆在今朝》教学反思
2014/02/24 职场文书
承德避暑山庄导游词
2015/02/03 职场文书
幼儿园感恩节活动总结
2015/03/24 职场文书
写给媳妇的检讨书
2015/05/06 职场文书
教师年度考核自我评鉴
2015/08/11 职场文书
python 如何在 Matplotlib 中绘制垂直线
2021/04/02 Python
QT与javascript交互数据的实现
2021/05/26 Javascript
教你怎么用Python实现GIF动图的提取及合成
2021/06/15 Python
Java 多线程协作作业之信号同步
2022/05/11 Java/Android