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的固定表頭和列頭的代碼，需要的朋友可以參考下2012-05-05
那篇文章是一篇入門教程，從設(shè)計(jì)思想的角度，講解"怎么使用jQuery"。今天的文章則是更進(jìn)一步，講解"如何用好jQuery"。2011-08-08
這篇文章主要介紹了如何在MVC應(yīng)用程序中使用Jquery，并附上示例，給需要的小伙伴們參考下吧2014-11-11
這篇文章主要講述了一個(gè)JQuery入門基礎(chǔ)小實(shí)例，實(shí)現(xiàn)的過(guò)程效果都很簡(jiǎn)單，特別適合初學(xué)者來(lái)學(xué)習(xí)，感興趣的小伙伴們可以參考一下2015-09-09
這篇文章主要介紹了Jquery跳到頁(yè)面指定位置的方法,需要的朋友可以參考下2014-05-05
jquery <li>標(biāo)簽 隔若干行加空白或者加虛線的方法
下面小編就為大家?guī)?lái)一篇jquery <li>標(biāo)簽 隔若干行加空白或者加虛線的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12
jquery實(shí)現(xiàn)側(cè)邊欄左右伸縮效果的示例
下面小編就為大家分享一篇jquery實(shí)現(xiàn)側(cè)邊欄左右伸縮效果的示例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
jquery刪除數(shù)據(jù)記錄時(shí)的彈出提示效果
這篇文章主要介紹了jquery實(shí)現(xiàn)的刪除數(shù)據(jù)記錄時(shí)的彈出提示效果,需要的朋友可以參考下2014-05-05
JQuery點(diǎn)擊事件回到頁(yè)面頂部效果的實(shí)現(xiàn)代碼
下面小編就為大家?guī)?lái)一篇JQuery點(diǎn)擊事件回到頁(yè)面頂部效果的實(shí)現(xiàn)代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
JQuery判斷正整數(shù)整理小結(jié)(jQuery 文本框中只能輸入正整數(shù))
這篇文章主要介紹了JQuery判斷正整數(shù)，附上詳細(xì)的代碼供大家查看具體的方法,需要的朋友可以參考下2017-08-08