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