900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > JQuery删除DOM节点办法【jquery】

JQuery删除DOM节点办法【jquery】

时间:2018-11-22 00:06:59

相关推荐

JQuery删除DOM节点办法【jquery】

web前端|js教程

JQuery,删除,DOM节点

web前端-js教程

激活卡平台源码,vscode下载网络错误,docker安装ubuntu镜像,tomcat opts,sqlite3 接口,网页设计书记,织梦网站 数据库,云服务器 负载均衡,织梦在线订单插件,前端框架使用微信,艺龙爬虫,php数组长度,门户网站seo,调试springboot,织梦循环标签,网站投稿源码,将wordpress 搭建成一个公众网页,php 网站模板,php搭建网站后台,页面上拉加载,成绩管理系统 源代码,程序中inc文件怎么制作lzw

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

动力启航 源码,ubuntu怎么设置网关,tomcat8服务未安装,爬虫引发的问题,学php好还是去java,吕梁企业seolzw

HTML DOM结构如下:

渠道二维码 源码,vscode创建h5,ubuntu gcc测试,宝塔怎么安装tomcat,爬虫数据合法,php 购物车 数据库,百度可以做seo吗,免费的网站源码可以用吗,欧美企业模板lzw

$(".nm_ul li:eq(1)").remove();// 获取第二个元素节点后,将它从网页中删除

运行代码后效果将删掉第二个节点。

当某个节点用remove()方法删除后,该节点所包含的所有后代节点将同时被删除。这个方法的返回值是一个指向已被删除的节点的引用,因此可以在以后再使用这些元素。下面的JQuery代码说明元素用remove()方法删除后,还是可以继续使用的。

var $li = $("nm_ul li:eq(1)").remove();// 获取第二个元素节点后,将它从网页中删除。 $li.appendTo("nm_ul");// 把刚才删除的又重新添加到元素里 //所以,删除只是从网页中删除,在jQuery对象中,这个元素还是存在的,我们可以重新获取它

可以直接使用appendTo()方法的特性来简化以上代码,JQuery代码如下:

$("nm_ul li:eq(1)").appendTo("nm_ul"); //appendTo()方法也可以用来移动元素 //移动元素时首先从文档上删除此元素,然后将该元素插入得到文档中的指定节点

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

// 把元素中属性title不等于"菠萝"的元素删除$("nm_ul li").remove("li[title!=JQuery]");

empty()方法

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

$("nm_ul li:eq(1)").empty();// 找到第二个元素节点后,清空此元素里的内容

当运行代码后,第2个元素的内容被清空了,只剩下标签默认的符号“.”。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。