jquery刪除指定子元素代碼實例
更新時間：2015年01月13日 11:07:18 投稿：junjie
這篇文章主要介紹了jquery刪除指定子元素代碼實例,本文使用較簡單的方法實現(xiàn)了這個需求,代碼一看就懂,需要的朋友可以參考下
jquery刪除指定子元素代碼實例:
本章節(jié)介紹一下如何利用jQuery實現(xiàn)刪除指定子元素。
如何利用原生javascript實現(xiàn)此功能可以參閱原生javascript刪除指定子元素代碼實例一章節(jié)。
其實實現(xiàn)此功能的方式有很多種，下面介紹一下其中比較常見的一種。
代碼實例如下:
復(fù)制代碼 代碼如下:
<!DOCTYPE HTML>
<html>
<meta charset="utf-8">
<title>腳本之家</title>
<style>
ul li{
width:400px;
height:30px;
line-height:30px;
list-style:none;
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
$(document).ready(function(){
$("#bt").click(function(){
$($("#box").find("li")[1].remove());
})
})
</script>
</head>
<body>
<ul id="box">
<li>腳本之家歡迎您，只有努力奮斗才會有美好的明天。</li>
<li>沒有任何人一開始就是高手，必須要努力奮斗才行。</li>
<li>每一天都是新的，要好好的珍惜時間。</li>
</ul>
<input type="button" id="bt" value="查看效果"/>
</body>
</html>
上面的代碼實現(xiàn)了我們的要求，比較簡單這里不多介紹了，更多內(nèi)容可以參閱相關(guān)閱讀。
相關(guān)文章
基于jquery的固定表頭和列頭的代碼，需要的朋友可以參考下2012-05-05
那篇文章是一篇入門教程，從設(shè)計思想的角度，講解"怎么使用jQuery"。今天的文章則是更進(jìn)一步，講解"如何用好jQuery"。2011-08-08
這篇文章主要介紹了如何在MVC應(yīng)用程序中使用Jquery，并附上示例，給需要的小伙伴們參考下吧2014-11-11
這篇文章主要講述了一個JQuery入門基礎(chǔ)小實例，實現(xiàn)的過程效果都很簡單，特別適合初學(xué)者來學(xué)習(xí)，感興趣的小伙伴們可以參考一下2015-09-09
這篇文章主要介紹了Jquery跳到頁面指定位置的方法,需要的朋友可以參考下2014-05-05
jquery <li>標(biāo)簽 隔若干行加空白或者加虛線的方法
下面小編就為大家?guī)硪黄猨query <li>標(biāo)簽 隔若干行加空白或者加虛線的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-12-12
jquery實現(xiàn)側(cè)邊欄左右伸縮效果的示例
下面小編就為大家分享一篇jquery實現(xiàn)側(cè)邊欄左右伸縮效果的示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
這篇文章主要介紹了jquery實現(xiàn)的刪除數(shù)據(jù)記錄時的彈出提示效果,需要的朋友可以參考下2014-05-05
JQuery點(diǎn)擊事件回到頁面頂部效果的實現(xiàn)代碼
下面小編就為大家?guī)硪黄狫Query點(diǎn)擊事件回到頁面頂部效果的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
JQuery判斷正整數(shù)整理小結(jié)(jQuery 文本框中只能輸入正整數(shù))
這篇文章主要介紹了JQuery判斷正整數(shù)，附上詳細(xì)的代碼供大家查看具體的方法,需要的朋友可以參考下2017-08-08