本文實例講述了jQuery刪除節點的方法。分享給大家供大家參考,具體如下:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="http://www.jb51.net/article/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="選擇你最喜歡的水果." >你最喜歡的水果是"http://img4.07net01.com/upload/images/2016/09/10/353110100150441.png" alt="" />更多關於jQuery相關內容感興趣的讀者可查看本站專題:《jQuery常見事件用法與技巧總結》、《jQuery常用插件及用法總結》、《jQuery操作json數據技巧匯總》、《jQuery擴展技巧總結》、《jQuery拖拽特效與技巧總結》、《jQuery表格(table)操作技巧匯總》、《jQuery常見經典特效匯總》、《jQuery動畫與特效用法總結》及《jquery選擇器用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
Tags: javascript function content title 讀者文章來源: