jquery刪除指定子元素代碼實(shí)例
jquery刪除指定子元素代碼實(shí)例:
本章節(jié)介紹一下如何利用jQuery實(shí)現(xiàn)刪除指定子元素。
如何利用原生javascript實(shí)現(xiàn)此功能可以參閱原生javascript刪除指定子元素代碼實(shí)例一章節(jié)。
其實(shí)實(shí)現(xiàn)此功能的方式有很多種,下面介紹一下其中比較常見的一種。
代碼實(shí)例如下:
<!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>
上面的代碼實(shí)現(xiàn)了我們的要求,比較簡單這里不多介紹了,更多內(nèi)容可以參閱相關(guān)閱讀。
相關(guān)文章
使用jQuery簡化Ajax開發(fā) Ajax開發(fā)入門
jQuery是一個可以簡化 JavaScript™以及AJAX(Asynchronous JavaScript + XML,異步Javascript和XML)編程的Javascript庫。不同于其他的Javascript庫,jQuery有他自己的哲學(xué),使你可以 很簡單的編寫代碼。2009-10-10
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ì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-12-12
jquery isEmptyObject判斷是否為空對象的函數(shù)
jQuery 判斷一個對象是否為空是使用for name in obj 來遍歷對象中的屬性名.2011-02-02
jQuery控制input只能輸入數(shù)字和兩位小數(shù)的方法
這篇文章主要介紹了jQuery控制input只能輸入數(shù)字和兩位小數(shù)的相關(guān)知識,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05

