javascript - DOM へのデータの保存 - カスタム属性または .data()

Question

重複の可能性:
jQuery Data vs Attr?

DOM に少量のデータを格納する予定のプロジェクトに取り組んでいます。特に、数値を DOM 要素に添付して、他の場所から簡単にアクセスできるようにするために使用しています。

次のようにカスタム属性を挿入する方が良いですか:

 $('#storeThingsHere').attr('data-count', superArray.length);

または、jquery の .data() 関数を利用するには?

 $('#storeThingsHere').data("count", superArray.length);

両方を使用できることはわかっていますが、可能な限り最も効率的な方法を選択しながら、ベスト プラクティスを活用したいと考えています。DOM にこの少量のデータを格納するための別のより良いオプションはありますか?

Answer 1

を使用しdataます。jQuery は内部オブジェクトを使用してそれらを格納するため、任意の型を格納できますがdata、 を使用して格納できるのは文字列のみattrです。

また、data()私はこれをテストしていませんが、設定/取得のためにDOMを参照する必要がないため、おそらく高速になります。