jQuery中remove()方法用法實(shí)例
更新時(shí)間：2014年12月25日 15:58:20 投稿：shichen2014
這篇文章主要介紹了jQuery中remove()方法用法,以三個(gè)不同的實(shí)例形式分別演示了remove()方法刪除元素的使用技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了jQuery中remove()方法用法。分享給大家供大家參考。具體分析如下：
此方法將會(huì)從DOM中刪除所有匹配的元素。
說(shuō)明:remove()方法不會(huì)把匹配的元素從jQuery對(duì)象中刪除，因而可以在將來(lái)再使用這些匹配的元素，不過(guò)除了這個(gè)元素本身得以保留之外，其他的比如綁定的事件，附加的數(shù)據(jù)等都會(huì)被移除。
語(yǔ)法結(jié)構(gòu):
復(fù)制代碼 代碼如下:
$(selector).remove(expr)
參數(shù)列表:
實(shí)例一:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dhdzp.com/" />
<title>remove()函數(shù)-腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("div").remove("#first");
})
})
</script>
</head>
<body>
<div id="first">我是第一</div>
<div id="second">我是第二</div>
<button>點(diǎn)擊</button>
</body>
</html>
以下代碼能夠刪除div集合中id為first的div。
實(shí)例二:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dhdzp.com/" />
<title>remove()函數(shù)-腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btd").click(function(){
$("div").remove();
})
})
</script>
</head>
<body>
<div id="first">我是第一</div>
<div id="second">我是第二</div>
<button id="btd">點(diǎn)擊刪除第一個(gè)div</button>
</body>
</html>
如果省略參數(shù)，那就是刪除所有匹配的元素。
實(shí)例三:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dhdzp.com/" />
<title>remove()函數(shù)-腳本之家</title>
<style type="text/css">
div{
width:200px;
height:200px;
border:5px solid green;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btd").click(function(){
var a=$("div");
a.remove("#first");
$("#btn").click(function(){
alert(a.length);
})
})
})
</script>
</head>
<body>
<div id="first">我是第一</div>
<div id="second">我是第二</div>
<button id="btd">刪除第一個(gè)div</button><button id="btn">查看刪除操作后div的數(shù)量</button>
</body>
</html>
remove()已經(jīng)將DOM中的匹配元素刪除，但是并沒(méi)有將它從jquery對(duì)象中刪除。
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
這篇文章主要介紹了jQuery中andSelf()方法用法,實(shí)例分析了andSelf()方法將先前所選的元素加入當(dāng)前元素集合中的使用技巧,需要的朋友可以參考下2015-01-01
jquery.validate表單驗(yàn)證插件使用詳解
這篇文章主要為大家詳細(xì)介紹了jquery.validate表單驗(yàn)證插件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
想必大家對(duì)于jQuery這個(gè)最流行的javascript類庫(kù)都不陌生，而且只要是前端開(kāi)發(fā)人員肯定或多或少的使用或者接觸過(guò)，在這篇文章中，參考了一些資料及實(shí)際使用效率，將介紹一些書(shū)寫高質(zhì)量jQuery代碼的原則，不單單會(huì)告訴你如何去書(shū)寫，也會(huì)告訴你為什么這樣書(shū)寫，希望大家會(huì)覺(jué)得有所幫助2014-03-03
統(tǒng)計(jì)jQuery中各字符串出現(xiàn)次數(shù)的工具
如果使用一個(gè)變量替換，使用工具壓縮時(shí)將會(huì)進(jìn)一步減少文件的大小2012-05-05
這篇文章主要介紹了jQuery Easyui一些用法，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的的朋友參考下吧2017-08-08
JQuery發(fā)送ajax請(qǐng)求時(shí)中文亂碼問(wèn)題解決
這篇文章主要介紹了JQuery發(fā)送ajax請(qǐng)求時(shí)中文亂碼問(wèn)題解決,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-11-11
這篇文章主要介紹了jquery 表單 多選框的一種巧妙寫法 ,需要的朋友可以參考下2015-09-09
Easy UI動(dòng)態(tài)樹(shù)點(diǎn)擊文字實(shí)現(xiàn)展開(kāi)關(guān)閉功能
這篇文章主要介紹了Easy UI動(dòng)態(tài)樹(shù)點(diǎn)擊文字實(shí)現(xiàn)展開(kāi)關(guān)閉功能,需要的朋友可以參考下2017-09-09
這篇文章主要介紹了14個(gè)有用的Jquery技巧分享,本文有一些性能優(yōu)化技巧、編碼優(yōu)化技巧、簡(jiǎn)潔方法等,需要的朋友可以參考下
2015-01-01