JQuery公式学習資料:Dataメソッド

エレメントを介してデータを格納する必要があることがよく考えられます.JavaScriptでは、このような機能を実現するために要素に属性を追加する必要がある場合がありますが、一部のブラウザでは、メモリの漏洩の問題を処理する必要がある場合があります.JQueryは、要素にデータを格納し、検索要素に格納されたデータを格納し、メモリ漏洩の問題を解決する簡単な方法を提供します.// $( "#myDiv" ).data( "keyName", { foo: "bar" } ); $( "#myDiv" ).data( "keyName" ); // { foo: "bar" }任意の種類のデータは、例えば要素に格納することができる.data()は、他の要素の参照を格納するために使用できます.
リスト項目とその内部Divの関係を確立したいかもしれませんが、このような関係はリスト項目が変動するたびに確立される可能性があります.もちろん、このような関係を一度に確立したほうがいいので、私たちは使用することができます.data()メソッドはDivへの参照をリスト項目に格納する.// .data() 2 $( "#myList li" ).each(function() { var $li = $( this ); var $div = $li.find( "div.content" ); $li.data( "contentDiv", $div ); }); // Div // data var $firstLi = $( "#myList li:first" ); $firstLi.data( "contentDiv" ).html( "new content" );単一のキー値ペアを使用してデータを格納するほか、1つ以上のキー値ペアを含むオブジェクトを渡すこともできます.