jQuery中removeData()方法用法實(shí)例
更新時(shí)間：2014年12月27日 15:03:36 投稿：shichen2014
這篇文章主要介紹了jQuery中removeData()方法用法,實(shí)例形式分析了removeData()方法移除匹配元素指定數(shù)據(jù)的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了jQuery中removeData()方法用法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：
此方法可以移除匹配元素上指定的數(shù)據(jù)。
removeData()方法與data()方法的作用相反。
語(yǔ)法結(jié)構(gòu)一:
復(fù)制代碼 代碼如下:
$(selector).removeData(name)
參數(shù)列表:
實(shí)例代碼:
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.fzitv.net/" />
<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>
以上代碼能夠通過(guò)data()方法向指定元素附加數(shù)據(jù)，然后使用removeData()方法刪除數(shù)據(jù)，最后檢測(cè)數(shù)據(jù)是否刪除。
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
jQuery插件實(shí)現(xiàn)屏蔽單個(gè)元素使用戶(hù)無(wú)法點(diǎn)擊
屏蔽單個(gè)元素使用戶(hù)無(wú)法點(diǎn)擊在某些特殊的情況下還是蠻有用的,例如及不舉了，感興趣的朋友可以參考下，希望可以幫助到你2013-04-04
在jQuery 中$("<span>")，這個(gè)語(yǔ)法等同于$(document.createElement("span")) ，這是一種用法2011-04-04
使用jquery mobile做幻燈播放效果實(shí)現(xiàn)步驟
使用jquery mobile，可以很容易實(shí)現(xiàn)幻燈播放效果，擺脫繁雜的步驟輕松實(shí)現(xiàn)，接下來(lái)介紹，有需要的朋友可以參考下2013-01-01
基于Bootstrap和jQuery構(gòu)建前端分頁(yè)工具實(shí)例代碼
本文給大家介紹基于Bootstrap和jQuery構(gòu)建前端分頁(yè)工具實(shí)例代碼，包括前端分頁(yè)的優(yōu)缺點(diǎn)和解決辦法，對(duì)jquery bootstrap分頁(yè)知識(shí)感興趣的朋友一起通過(guò)本文學(xué)習(xí)吧2016-11-11
基于jQuery實(shí)現(xiàn)select下拉選擇可輸入附源碼下載
一般的select下拉框是不能輸入的，只能供大家選擇，今天小編給大家分享基于jQuery實(shí)現(xiàn)select下拉選擇可輸入附源碼下載，需要的朋友參考下2016-02-02
最近公司年會(huì)，有個(gè)流程要抽獎(jiǎng)，特寫(xiě)了個(gè)一個(gè)簡(jiǎn)單的，純jq代碼，發(fā)給大家共享一下2011-12-12
jQuery中通過(guò)ajax調(diào)用webservice傳遞數(shù)組參數(shù)的問(wèn)題實(shí)例詳解
本文通過(guò)實(shí)例給大家詳細(xì)介紹jQuery中通過(guò)ajax調(diào)用webservice傳遞數(shù)組參數(shù)的相關(guān)資料,需要的朋友可以參考下2016-05-05
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)淘寶商品圖片局部放大，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
使用jquery的朋友不得不看的,jquery ui接口，提升jquery的效率2008-09-09
最新最熱最實(shí)用的15個(gè)jQuery插件匯總
本文給大家匯總介紹了2015年7月最新發(fā)布的最熱最實(shí)用的15款jQuery插件，都有著非常炫酷的效果，十分的實(shí)用，這里推薦給大家。2015-07-07