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