<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對(duì)象中，這個(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é)》

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jquery pagination分頁插件使用詳解（后臺(tái)struts2）
這篇文章主要為大家詳細(xì)介紹了jquery pagination 分頁插件的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-01-01
jQuery simpleModal插件的使用介紹
SimpleModal是一個(gè)輕量級(jí)的jQuery插件，它提供了一個(gè)模式對(duì)話框發(fā)展強(qiáng)大的接口。這篇文章主要介紹了jQuery simpleModal插件的使用，非常不錯(cuò)，具有參考借鑒價(jià)值，對(duì)jquery simplemodal相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧
2016-08-08
常用jQuery代碼分享
本文給大家分享了幾個(gè)常用的jQuery代碼，十分的簡(jiǎn)單實(shí)用，有需要的小伙伴可以參考下。
2015-07-07
jQuery實(shí)現(xiàn)簡(jiǎn)單滾動(dòng)動(dòng)畫效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單滾動(dòng)動(dòng)畫效果的相關(guān)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-04-04
jQuery實(shí)現(xiàn)在HTML文檔加載完畢后自動(dòng)執(zhí)行某個(gè)事件的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)在HTML文檔加載完畢后自動(dòng)執(zhí)行某個(gè)事件的方法,結(jié)合實(shí)例形式分析了document的ready()事件自動(dòng)加載執(zhí)行事件的相關(guān)操作技巧,需要的朋友可以參考下
2017-05-05
jQuery在html有效在jsp無效的原因及解決方法
最近用jQuery來寫下拉框的選項(xiàng)值的左右移動(dòng)，放到j(luò)sp里面就不能用了，經(jīng)過測(cè)試終于找到了解決方法在此與大家分享下
2013-08-08
window.open不被攔截的實(shí)現(xiàn)代碼
打開空白新窗口，再給新窗口的localtion賦值，需要的朋友可以參考下
2012-08-08
無需 Flash 使用 jQuery 復(fù)制文字到剪貼板
需要做的只是引入其腳本，在HTML標(biāo)簽上賦一個(gè)“data-clipboard-target”屬性然后寫一小段JavaScript片段。為了演示假定有一個(gè)貨幣轉(zhuǎn)換應(yīng)用，在一個(gè)文本框中輸入數(shù)值時(shí)同時(shí)將兌換結(jié)果顯示在另一個(gè)文本框中，當(dāng)點(diǎn)擊文本框時(shí)，會(huì)觸發(fā)事件將其復(fù)制到剪貼板然后顯示一條消息。
2016-04-04
jQuery實(shí)現(xiàn)手勢(shì)解鎖密碼特效
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)手勢(shì)解鎖密碼特效，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-08-08
基于jQuery實(shí)現(xiàn)左右圖片輪播（原理通用）
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)左右圖片輪播，實(shí)現(xiàn)原理通用可通用，希望能和大家分享一下思路，感興趣的小伙伴們可以參考一下
2015-12-12