jquery data() メソッド
翻訳結果:
data
English [ˈdeɪtə] US [ˈdetə, ˈdætə, ˈdɑtə]
n. 情報、材料; datum の複数形; [コンピュータ] データ、情報;科学実験から抽出された値
jquery data() メソッド構文
関数: data() メソッドは、選択した要素にデータを追加するか、選択した要素からデータを取得します。
要素からデータを返します: 選択した要素から追加データを返します。
構文: $(selector).data(name)
パラメータ: name オプション。取得するデータの名前を指定します。名前が指定されていない場合、このメソッドは要素から格納されているすべてのデータをオブジェクトとして返します。要素からデータを追加: 選択した要素にデータを追加します。
構文: $(selector).data(name,value)
#パラメータ: name 必須。設定するデータの名前を指定します。値は必須です。設定するデータの値を指定します。
オブジェクトを使用して要素にデータを追加する: 名前と値のペアを持つオブジェクトを使用して、選択した要素にデータを追加します。
構文: $(selector).data(object)
パラメータ: object が必要です。名前と値のペアを含むオブジェクトを指定します。
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>
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します