本文實例講述了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程序設計有所幫助。
新聞熱點
疑難解答
