ホームページ >ウェブフロントエンド >フロントエンドQ&A >jquery data()の使い方

jquery data()の使い方

青灯夜游オリジナル: 2022-03-03 15:53:572792ブラウズ

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()の使い方

以上がjquery data()の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

jquery Object 对象

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：JavaScript では数値は何ビットを占めますか?次の記事：JavaScript では数値は何ビットを占めますか?

続きを見る