当前位置:  编程技术>WEB前端

jQuery的DOM操作之删除节点示例

    来源: 互联网  发布时间:2014-08-25

    本文导语:  如果文档中某一个元素多余,那么应将其删除。jQuery提供了两种删除节点的方法,remove()方法和empty()方法。 1. remove(): 代码如下: Insert title here $(document).ready(function(){ $("ul li:eq(1)").remove(); }); 你最喜欢的水果是? 苹果 橘...

如果文档中某一个元素多余,那么应将其删除。jQuery提供了两种删除节点的方法,remove()方法和empty()方法。

1. remove():
代码如下:





Insert title here


$(document).ready(function(){
$("ul li:eq(1)").remove();
});




你最喜欢的水果是?



  • 苹果

  • 橘子

  • 香蕉





 
当某个节点用remove方法删除后,该节点所包含的所有后代节点将同时被删除。这个方法的返回值是一个指向已被删除的节点的引用。

另外remove()方法也可以通过传递参数来选择性地删除元素。
代码如下:


$(document).ready(function(){
$("ul li").remove("li[title!=apple]");
});



2. empty():

严格来讲,empty方法并不是删除节点,而是清空节点,它能清空元素中的所有后代节点。
代码如下:


$(document).ready(function(){
$("ul li:eq(1)").empty();
});


 
此时查看页面源码:

    
 
 

您可能感兴趣的文章:

  • jQuery如何获取节点与子节点文本?
  • jquery 取子节点及当前节点属性值的方法
  • jquery 取子节点及当前节点属性值
  • jQuery获取节点和子节点文本的方法
  • jquery的父子兄弟节点查找示例代码
  • JQuery 删除节点的例子
  • Jquery节点操作的几点知识
  • jQuery循环判断点击某节点
  • jquery移动节点代码
  • jquery删除节点代码
  • 移动节点的jquery代码
  • 删除节点的jquery代码
  • JQuery 复制节点的例子
  • jQuery删除节点的三个方法即remove()detach()和empty()
  • Jquery节点操作(插入,复制,替换,删除)举例
  • Jquery遍历节点的实现代码
  • jquery 添加与删除节点的几种方法
  • Jquery遍历节点的方法小集
  • jquery获取父元素或父节点的方法介绍
  • JQuery 节点遍历的例子
  • jQuery定时器插件 jQuery Timers应用示例
  • jquery打开dialog的简单示例
  • jQuery animate方法定位页面具体位置(示例)
  • jQuery设置input type值示例
  • jquery弹窗代码示例
  • jquery获取第几个元素方法示例 jquery选择器
  • jquery遍历checkbox简单示例
  • jquery动态添加option示例
  • Jquery定时器的简单示例
  • JQuery获取上传文件大小(示例)
  • Jquery在指定DIV加载HTML示例代码
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jquery删除提示框(弹出是否删除对话框)
  • jquery删除提示框弹出是否删除对话框
  • jQuery操作select option选项(增加 删除 修改)
  • Jquery删除元素的代码举例
  • jQuery 获取/设置/删除DOM元素的属性以a元素为例
  • JQuery动态删除Table表格的行与列
  • jquery 删除字符串最后一个字符的方法解析
  • jquery 删除select中option选项
  • jquery删除指定的html标签并保留标签内文本内容的方法
  • jquery代码-如何显示或删除input域中的默认值
  • jquery css类用法(添加、修改与删除css)
  • jQuery动态添加、删除元素的方法
  • jquery实现Select option项的添加、删除、取值
  • jquery判断小数点两位和自动删除小数两位后的数字
  • jquery动态添加删除一行数据实例
  • jQuery 删除/替换DOM元素的几种方式
  • 如何从jQuery的ajax请求中删除X-Requested-With
  • jQuery 删除或是清空某个HTML元素示例
  • jquery动态添加删除一行数据示例
  • jquery复选框checkbox实现删除前判断
  • 通过javascript库JQuery实现页面跳转功能代码
  • php开源软件 iis7站长之家
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3