jQuery データ - data() メソッド

jQuery データリファレンスマニュアル

例

データを要素に追加して、そのデータを取得する：

$("#btn1").click(function(){
  $("div").data("greeting", "Hello World");
});
$("#btn2").click(function(){
  alert($("div").data("greeting"));
});

自分で試してみてください

定義と使用方法

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

要素からデータを返します

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

構文

$(selector).data(name)
パラメータ 説明
name

オプション。取得するデータの名前を指定します。

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

要素にデータを追加

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

構文

$(selector).data(name,value)
パラメータ 説明
name 必須。設定するデータの名前を指定します。
value 必須。設定するデータの値を指定します。

オブジェクトを使用して要素にデータを追加

名前/値対を持つオブジェクトを使用して選択された要素にデータを追加します。

構文

$(selector).data(object)

自分で試してみてください

パラメータ 説明
object 必須。名前/値対を持つオブジェクトを指定します。

jQuery データリファレンスマニュアル