jQuery
#インスタンス; イベント; パフォーマンス; モバイル; 基盤
data
英[ˈdeɪtə] 美[ ˈdetə, ˈdætə, ˈdɑtə]
n. データ、材料; datum の複数形; [コンピュータ] データ、情報; 科学実験から抽出された値
jQuery jQuery.data() メソッド構文
関数: data() メソッドは、選択した要素にデータを追加するか、選択した要素からデータを取得します。これは低レベルのメソッドであるため、.data() を使用する方が便利です。
要素からの関数を返す: 選択した要素から追加データを返します。
構文: $(selector).data(name)
パラメータ:
パラメータ | 説明 |
名前 | オプション。取得するデータの名前を指定します。名前が指定されていない場合、このメソッドは要素から格納されているすべてのデータをオブジェクトとして返します。 |
#要素にデータを追加: 選択した要素にデータを追加します。
##構文: $(selector).data(name,value)
##パラメータ:
#パラメータ
説明 | 名前 |
必須。設定するデータの名前を指定します。 | 値 |
必須。設定するデータの値を指定します。 | |
#オブジェクトを使用して要素にデータを追加する: 名前と値のペアを持つオブジェクトを使用して、選択した要素にデータを追加します。
構文: $(selector).data(object)
パラメータ:
パラメータ
説明 | オブジェクト |
必須。名前と値のペアを含むオブジェクトを指定します。 ######################jQuery jQuery.data() メソッド例
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.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>
インスタンスの実行 »[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します
人気のおすすめ