要素の属性を取得する最も良い方法は何ですか？

Question

私はほとんどの初心者のWeb開発者のほとんどがjQueryを使いますが、もっと頻繁にクリーンなjを使い始めました。それは私がこのように行うことができます要素のクラスを取得する必要がある場合、たとえば、jQueryの範囲でクリーンなJSを使用するために神の実践されています：だからここから私の質問は

jQuery('div#grid a').click(function(event){ 
    event.preventDefault(); 
    console.log(this.getAttribute('class')); 
    console.log(this.className); 
    console.log(jQuery(this).attr('class')); 
}); 

しかし、最善の方法は何ですか？

Answer 1

それは3の中で最速であるため、this.classNameを使用することをお勧めします。実行可能なデモは次のとおりです。jquery attr(class) vs js.className

classNameプロパティが最速のテストを実行した後に表示されます。

Answer 2

はい、jQueryスコープでクリーンjsを使用すると良いです。これはDOMとのネイティブな作業であり、より高速に動作します。

Perfomance Test

Answer 3

同じことをするためにjQuery関数呼び出しを作成するのではなく、ネイティブスクリプトを使用してパフォーマンスの向上が常にあります。

しかし、この利得は、少数の要素に対しては知覚できません。したがって、トレードオフはより簡単になり、より読みやすいコード対UIにあまり影響を与えない可能性があります。