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

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

例

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

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

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

定義と使用法

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

注記：これは下層のメソッドです； .data() より便利です。

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

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

文法

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

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

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

要素にデータを付加する

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

文法

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

オブジェクトを使って要素にデータを付加する

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

文法

$(selector).data(object)

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

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

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