jQuery删除节点用法示例(remove方法)
2016-09-08 12:00
726 查看
本文实例讲述了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相关内容感兴趣的读者可查看本站专题:《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- jQuery删除节点的三个方法即remove()detach()和empty()
- jQuery替换节点用法示例(使用replaceWith方法)
- jquery DOM节点删除之remove()的有参用法和无参用法
- jQuery中删除节点方法remove()、detach()、empty()分析
- jQuery插件zTree实现删除树子节点的方法示例
- remove()、detach()和empty()---jquery的三种删除节点的方法
- jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)
- jQuery删除节点的三个方法即remove()detach()和empty()
- jQuery插件zTree实现删除树节点的方法示例
- jQuery复制节点用法示例(clone方法)
- jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)
- jQuery的DOM操作之删除节点示例
- jQuery中removeClass()方法用法实例
- Jquery节点遍历next与nextAll方法使用示例
- JQuery删除DOM节点的方法
- DOM节点删除函数removeChild()用法实例
- jquery.validate.min.js 用法方法示例
- jquery使用remove()方法删除指定class子元素
- Jquery动态添加及删除页面节点元素示例代码
- jQuery中removeAttr()方法用法实例