jQuery Misc data() メソッド

❮ jQuery Misc メソッド

<div> 要素にデータを接続し、次にデータを検索する:

Attach data to a <div> element, then retrieve the data:

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

定義と用法

data() メソッドは、選択した要素にデータを接続するか、またはその要素からデータを検索します。

チップ: データを削除するには、removeData() メソッドを使用します。


要素からデータを返す

選択した要素から接続したデータを返します。

構文

$(selector).data(名前)

パラメータ 説明
名前 任意。検索するデータの名前を指定する。
名前を指定しない場合、このメソッドは、オブジェクトとしての要素に保存された全てのデータを返す

要素へデータを接続する

選択した要素へデータを接続します。

構文

$(selector).data(name,value)

パラメータ 説明
名前 必須。設定するデータの名前を指定する
value 必須。設定するデータの値を指定する

オブジェクトを使用し要素へデータを設定する

オブジェクト(名前/値の組)を使用し、選択した要素へデータを設定します。

構文

$(selector).data(object)
Try it Yourself »

パラメータ 説明
object 必須。名前/値の組を含むオブジェクトを指定する

❮ jQuery Misc メソッド