jquery刪除指定子元素代碼實(shí)例
更新時(shí)間：2015年01月13日 11:07:18 投稿：junjie
這篇文章主要介紹了jquery刪除指定子元素代碼實(shí)例,本文使用較簡(jiǎn)單的方法實(shí)現(xiàn)了這個(gè)需求,代碼一看就懂,需要的朋友可以參考下
jquery刪除指定子元素代碼實(shí)例:
本章節(jié)介紹一下如何利用jQuery實(shí)現(xiàn)刪除指定子元素。
如何利用原生javascript實(shí)現(xiàn)此功能可以參閱原生javascript刪除指定子元素代碼實(shí)例一章節(jié)。
其實(shí)實(shí)現(xiàn)此功能的方式有很多種，下面介紹一下其中比較常見(jiàn)的一種。
代碼實(shí)例如下:
復(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>腳本之家歡迎您，只有努力奮斗才會(huì)有美好的明天。</li>
<li>沒(méi)有任何人一開(kāi)始就是高手，必須要努力奮斗才行。</li>
<li>每一天都是新的，要好好的珍惜時(shí)間。</li>
</ul>
<input type="button" id="bt" value="查看效果"/>
</body>
</html>
上面的代碼實(shí)現(xiàn)了我們的要求，比較簡(jiǎn)單這里不多介紹了，更多內(nèi)容可以參閱相關(guān)閱讀。
您可能感興趣的文章:
- jquery查找父元素、子元素(個(gè)人經(jīng)驗(yàn)總結(jié))
- 使用jquery選擇器如何獲取父級(jí)元素、同級(jí)元素、子元素
- jQuery獲得子元素個(gè)數(shù)的方法
- jquery中獲取元素里某一特定子元素的代碼
- jQuery獲取所有父級(jí)元素及同級(jí)元素及子元素的方法(推薦)
- Jquery實(shí)現(xiàn)獲取子元素的方法分析
- jquery使用remove()方法刪除指定class子元素
- Jquery獲取第一個(gè)子元素簡(jiǎn)單實(shí)例
- jquery判斷元素的子元素是否存在的示例代碼
- 輕松掌握jQuery獲取第二個(gè)子元素集合的技巧！
相關(guān)文章
這篇文章主要介紹了jQuery中change事件用法,以實(shí)例形式分析了在匹配元素焦點(diǎn)變化時(shí)觸發(fā)事件使用技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
jQuery如今已經(jīng)成為Web開(kāi)發(fā)中最流行的JavaScript庫(kù)，通過(guò)jQuery和大量的插件，你可以輕松實(shí)現(xiàn)各種絢麗的效果。本文將為你介紹一些jquery實(shí)用的技巧，希望可以幫助你更加高效地使用jQuery。2015-11-11
使用jQuery簡(jiǎn)化Ajax開(kāi)發(fā) Ajax開(kāi)發(fā)入門(mén)
jQuery是一個(gè)可以簡(jiǎn)化 JavaScript™以及AJAX（Asynchronous JavaScript + XML，異步Javascript和XML）編程的Javascript庫(kù)。不同于其他的Javascript庫(kù)，jQuery有他自己的哲學(xué)，使你可以 很簡(jiǎn)單的編寫(xiě)代碼。2009-10-10
這篇文章主要介紹了jQuery子元素過(guò)濾選擇器用法,結(jié)合實(shí)例形式分析了jQuery中nth-child、first-child、last-child、only-child等進(jìn)行子元素過(guò)濾操作的相關(guān)技巧,需要的朋友可以參考下2016-09-09
解決自定義$(id)的方法與jquery選擇器$沖突的問(wèn)題
最近網(wǎng)站改版，原來(lái)的js都是原生js，因?yàn)楫?dāng)前比較jquery而且他的組件也比較多，使用方便，所以我們也采用了jquery但跟原來(lái)的$(id)沖突，經(jīng)過(guò)網(wǎng)絡(luò)很多人的推薦我們選擇了這個(gè)方法2014-06-06
JQuery中節(jié)點(diǎn)遍歷方法實(shí)例
這篇文章主要介紹了JQuery中節(jié)點(diǎn)遍歷方法,實(shí)例分析了jQuery遍歷節(jié)點(diǎn)的技巧,需要的朋友可以參考下2015-05-05
jQuery+ajax實(shí)現(xiàn)文件上傳功能
這篇文章主要為大家詳細(xì)介紹了jQuery+ajax實(shí)現(xiàn)文件上傳，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12
jquery isEmptyObject判斷是否為空對(duì)象的函數(shù)
jQuery 判斷一個(gè)對(duì)象是否為空是使用for name in obj 來(lái)遍歷對(duì)象中的屬性名.2011-02-02
jQuery控制input只能輸入數(shù)字和兩位小數(shù)的方法
這篇文章主要介紹了jQuery控制input只能輸入數(shù)字和兩位小數(shù)的相關(guān)知識(shí)，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-05-05
jquery多選項(xiàng)卡效果實(shí)例代碼(附效果圖)
這個(gè)選項(xiàng)卡不是一個(gè)單獨(dú)的選項(xiàng)卡，而是多個(gè)選項(xiàng)卡，每個(gè)選項(xiàng)卡里面有多個(gè)選項(xiàng)，而且選項(xiàng)的個(gè)數(shù)也不一樣。廢話不多說(shuō)，直接上jquery代碼。2013-03-03