jquery data()の使い方-フロントエンドQ&A-php.cn

jquery では、data() メソッドを使用して、選択した要素にデータを追加できます。構文は「$(selector).data(name,value)」です。また、からデータを取得するためにも使用できます。選択された要素。、構文 "$(selector).data(name)"。

jquery data()の使い方

このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。

jquery data() メソッド

data() メソッドは、選択した要素にデータを追加するか、選択した要素からデータを取得します。

構文:

選択した要素から追加データを返します。

$(selector).data(name)

ログイン後にコピー

パラメータ説明#オプション。取得するデータの名前を指定します。


名前	名前が指定されていない場合、このメソッドは要素から格納されているすべてのデータをオブジェクトの形式で返します。

#選択した要素にデータを追加します。

#単一の名前と値のペアを指定できます

$(selector).data(name,value)

ログイン後にコピー

パラメータ説明名前必須。設定するデータの値を指定します。

$(selector).data(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 ビデオチュートリアル 、

Web フロントエンド

] jquery data()の使い方