dom要素のJqueryパラメータ

Question

特別なクラスタグを持つすべてのdom要素に何らかの処理を行うjquery関数を作成したいと思います。 しかし、いくつかの要素には特定のアニメーションが必要です。

<div class='animate' animate-speed='0.5' animate-dir='up'></div> 

ことが可能であり、はい、私はjqueryのことでパラメータを得ることができる方法ならば：私はしたいThatsなぜそのようなDOM要素の内、いくつかのパラメータを宣言します。

Answer 1

データ属性を使用できます。

HTML5は、特定の要素に関連付けられている必要がありますが、定義された意味を持つ必要がないデータの拡張性を考慮して設計されています。 data- *属性を使用すると、非標準属性、DOMの余分なプロパティ、Node.setUserData（）などの他のハッキングなしに標準的な意味的HTML要素に余分な情報を格納することができます。

HTMLコード：

<div class='animate' data-speed='0.5' data-dir='up'></div> 

予告：あなたが使用することはできません "：" が、 "="

JSコード：

$('.animate').each(function() { 
    // acces to attrbiutes, jquery method 
    console.log($(this).attr("data-speed")); 

    // or javascript method 
    console.log(this.dataset.dir); // not with the word data- 

}）;

例：

このjsFiddle