首頁 > 文章 > web前端 > jquery data()怎麼用

jquery data()怎麼用

青灯夜游原創: 2022-03-03 15:53:572574瀏覽

在jquery中，data()方法可以用來向被選元素附加數據，語法「$(selector).data(name,value)」；也可以用來從被選取元素中取得數據，語法“$(selector).data(name)”。

jquery data()怎麼用

本教學操作環境：windows7系統、jquery1.10.2版本、Dell G3電腦。

jquery data()方法

data() 方法向被選元素附加數據，或從被選取元素取得資料。

語法：

從被選元素中傳回附加的資料。

$(selector).data(name)

參數	#描述
##name	可選。規定要取回的資料的名稱。如果沒有規定名稱，則該方法將以物件的形式從元素中傳回所有儲存的資料。

參數

#描述

##name

可選。規定要取回的資料的名稱。

如果沒有規定名稱，則該方法將以物件的形式從元素中傳回所有儲存的資料。

#向被選中元素附加資料。

可以是單一名稱/值對

$(selector).data(name,value)

#參數namevalue也可以使用帶有名稱/值對的物件向被選元素新增資料。

##描述
必要。規定要設定的資料的名稱。
必要。規定要設定的數據的值。

$(selector).data(object)

參數#object

描述
必要。規定包含名稱/值對的物件。

範例：

向元素附加數據，然後取回該數據

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("#btn1").click(function() {
					$("div").data("greeting", "Hello World");
				});
				$("#btn2").click(function() {
					alert($("div").data("greeting"));
				});
			});
		</script>
	</head>
	<body>
		<button id="btn1">把数据添加到 div 元素</button><br />
		<button id="btn2">获取已添加到 div 元素的数据</button>
		<div></div>
	</body>
</html>

##【推薦學習： jquery data()怎麼用 jQuery影片教學

、

web前端】

以上是jquery data()怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章！

jquery Object 对象

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：javascript中數字佔多少位bit下一篇：javascript中數字佔多少位bit

看更多