jQuery中removeData()方法用法實(shí)例
本文實(shí)例講述了jQuery中removeData()方法用法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:
此方法可以移除匹配元素上指定的數(shù)據(jù)。
removeData()方法與data()方法的作用相反。
語法結(jié)構(gòu)一:
參數(shù)列表:
實(shí)例代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.dbjr.com.cn/" />
<title>腳本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#add").click(function(){
$("div").data("mydata","腳本之家歡迎您");
});
$("#show").click(function(){
$("div").text($("div").data("mydata"));
});
$("#delete").click(function(){
$("div").removeData("mydata");
alert($("div").data("mydata"));
})
});
</script>
</head>
<body>
<div></div>
<button id="add">向元素添加數(shù)據(jù)</button>
<button id="show">顯示添加的數(shù)據(jù)</button>
<button id="delete">刪除元素中的數(shù)據(jù)</button>
</body>
</html>
以上代碼能夠通過data()方法向指定元素附加數(shù)據(jù),然后使用removeData()方法刪除數(shù)據(jù),最后檢測(cè)數(shù)據(jù)是否刪除。
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
jQuery實(shí)現(xiàn)最簡單實(shí)用的分秒倒計(jì)時(shí)
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)最簡單實(shí)用的分秒倒計(jì)時(shí),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02jQuery實(shí)現(xiàn)提交表單時(shí)不提交隱藏div中input的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)提交表單時(shí)不提交隱藏div中input的方法,結(jié)合實(shí)例形式分析了通過設(shè)置input的disabled屬性實(shí)現(xiàn)隱藏input提交的操作技巧,需要的朋友可以參考下2019-10-10instanceof和typeof運(yùn)算符的區(qū)別詳解
兩個(gè)運(yùn)算符雖然比較相似,其實(shí)區(qū)別還是非常大的,雖然不難區(qū)別,但是對(duì)于初學(xué)者可能稍有困擾,下面就簡單介紹一下它們兩者的區(qū)別,希望對(duì)需要的朋友有所幫助2014-01-01基于jQuery中對(duì)數(shù)組進(jìn)行操作的方法
本篇文章小編將為大家介紹,基于jQuery中對(duì)數(shù)組進(jìn)行操作的方法。有需要的朋友可以參考一下2013-04-04easyui datebox 時(shí)間限制,datebox開始時(shí)間限制結(jié)束時(shí)間,datebox截止日期比起始日期大的實(shí)現(xiàn)代碼
這篇文章主要介紹了easyui datebox 時(shí)間限制,datebox開始時(shí)間限制結(jié)束時(shí)間,datebox截止日期比起始日期大的實(shí)現(xiàn)代碼,需要的朋友參考下吧2017-01-01jquery實(shí)現(xiàn)廣告上下滾動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)廣告上下滾動(dòng)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-03-03