jQuery.data() の紹介と使用例。

定義と使用法

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

注: これは低レベルのメソッドです。.data() を使用する方が便利です。

要素からデータを返す

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

構文

$(selector).data(name)

パラメータ 説明

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

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

要素にデータを追加します

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

構文

$(selector).data(name,value)

パラメータ構文設定するデータの名前を指定します。

値 必須。設定するデータの値を指定します。

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

名前と値のペアを持つオブジェクトを使用して、選択した要素にデータを追加します。

Syntax

$(selector).data(

object

)
このメソッドには

JQuery

バージョンの問題が含まれています。今後は1.9になります。 1以前を下位バージョン、3.0を上位バージョンと呼びます。 テスト例で使用したshowMessageメソッドは以下の通りです

showMessage.i = 0;
function showMessage(object)
{
　　var body = $("body")[0];
　　var $p =$("#debugp");
  
　　if($p.length==0)
　　{
　　　　$p = $("<p/>").attr("id","debugp");
　　　　$(body).prepend($p);
　　}
　　$p[0].innerHTML += "<br/>"+(showAttribute.i++)+" | "+object;
}

(0)$.data(obj,key,value)

keyの値は

です。数値またはオブジェクト (var lol={}) である String

型は意味がありません。

reference

型の場合、クローンa の代わりに参照が渡されます。

var obj = {"name":"寒冰射手","age":"12"};
$.data(obj,"height",165);
showMessage($.data(obj,"height"));

$.data は、obj.sex="女性" と同様に、実際にはオブジェクト属性にデータを配置します。$.data を通じて obj にキーをいくつ追加しても、jQuery300082932543555993442 と同様に、obj にはあと 1 つしか存在しません。

300082932543555993442 これは、jQuery によって生成された乱数であり、追加したデータはオブジェクトにキーと値の形式で保存されます。

b.

value がオブジェクトの場合、参照

var husband = ["蛮族之王"];
var obj = {"name":"寒冰射手","age":"12"};
$.data(obj,"husband",husband);
$.data(obj,husband)[0] = "遁地龙卷风";
showMessage($.data(obj,husband));//输出   遁地龙卷风

(2)

$(selector).data(key,value)
$("#lol").data("name","寒冰射手");
showMessage($("#lol").data("name"));

$(selector).data は

data

を HTML DOM 要素にバインドします。性質は$.dataと同じですメソッドは同じですが、追加したオブジェクトはfor-inで取得できます

以上がjQuery.data() の紹介と使用例。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。