jQuery刪除節(jié)點用法示例(remove方法)
更新時間：2016年09月08日 12:00:32 作者：onestopweb
這篇文章主要介紹了jQuery刪除節(jié)點的方法,結合實例形式分析了remove方法進行頁面元素刪除的相關使用技巧,需要的朋友可以參考下
本文實例講述了jQuery刪除節(jié)點的方法。分享給大家供大家參考，具體如下：
<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>元素節(jié)點后，將它從網(wǎng)頁中刪除。
//第二種刪除的方法
var $li = $("ul li:eq(1)").remove(); // 獲取第二個<li>元素節(jié)點后，將它從網(wǎng)頁中刪除。
$li.appendTo("ul"); // 把剛才刪除的又重新添加到<ul>元素里
//所以，刪除只是從網(wǎng)頁中刪除，在jQuery對象中，這個元素還是存在的，我們可以重新獲取它
//第三種刪除的方法
$("ul li").remove("li[title!=菠蘿]"); //把<li>元素中屬性title不等于"菠蘿"的<li>元素刪除
//第四種刪除的方法
$("ul li:eq(1)").empty(); // 獲取第二個<li>元素節(jié)點后，清空此元素里的內容
});
//]]>
</script>
</head>
<body>
<p title="選擇你最喜歡的水果." >你最喜歡的水果是?</p>
<ul>
<li title='蘋果'>蘋果</li>
<li title='橘子'>橘子</li>
<li title='菠蘿'>菠蘿</li>
</ul>
</body>
</html>
效果圖如下：
更多關于jQuery相關內容感興趣的讀者可查看本站專題：《jQuery常見事件用法與技巧總結》、《jQuery常用插件及用法總結》、《jQuery操作json數(shù)據(jù)技巧匯總》、《jQuery擴展技巧總結》、《jQuery拖拽特效與技巧總結》、《jQuery表格(table)操作技巧匯總》、《jQuery常見經(jīng)典特效匯總》、《jQuery動畫與特效用法總結》及《jquery選擇器用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
相關文章
基于JQUERY的兩個ListBox子項互相調整的實現(xiàn)代碼
基于JQUERY的兩個ListBox子項互相調整的實現(xiàn)代碼，需要的朋友可以參考下。2011-05-05
jQuery EasyUI Layout實現(xiàn)tabs標簽的實例
這篇文章主要介紹了jQuery EasyUI Layout實現(xiàn)tabs標簽的實例的相關資料,希望通過本文能幫助到大家實現(xiàn)這樣的功能，需要的朋友可以參考下2017-09-09
下面小編就為大家?guī)硪黄猨Query特殊符號轉義的實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
jQuery html表格排序插件tablesorter使用方法詳解
這篇文章主要為大家詳細介紹了jQuery html表格排序插件tablesorter的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
jQuery可見性過濾器：hidden和：visibility用法實例
這篇文章主要介紹了jQuery可見性過濾器：hidden和：visibility用法,實例分析了：hidden和：visibility的功能及相關使用技巧,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了JQuery中DOM節(jié)點的操作與訪問方法,結合實例形式分析了jquery操作dom節(jié)點與訪問dom節(jié)點相關實現(xiàn)技巧及操作注意事項,需要的朋友可以參考下2019-12-12
這篇文章主要介紹了Jquery對select的增、刪、改、查操作的方法,需要的朋友可以參考下2015-02-02
jQuery實現(xiàn)數(shù)字華容道小游戲(實例代碼)
這篇文章主要介紹了jQuery實現(xiàn)數(shù)字華容道小游戲功能，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2020-01-01
接下來幾篇教程，將重點講解jquery1.4新增的16個方法，有幾個方法還是非常實用的。2010-02-02
雖然圓角頁面很好看，但一直以來都不太好實現(xiàn)，一方面是沒有CSS3，二是都得通過美工切圖切出來角。但這些麻煩事即將過去，就是因為它：jQuery Corner的出現(xiàn)！2014-08-08