5

ほとんどの場合、初心者の Web 開発者は 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'));
});

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

4

3 に答える 3

3

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

性能試験

于 2013-05-06T10:45:00.147 に答える
3

this.className3 つの中で最速なので、 を使用することをお勧めします。これは、実行して実行速度を確認できるデモです: jquery attr(class) vs js.className

テストを実行すると、classNameプロパティが最速であることがわかります。

于 2013-05-06T10:49:45.610 に答える
2

同じことを行うために jQuery 関数呼び出しを行うよりも、ネイティブ スクリプトを使用すると、常にパフォーマンスが向上します。

ただし、この増加は、要素数が少ない場合は感知できない場合があります。したがって、トレードオフは、UI に大きな影響を与えない可能性のあるゲインと、よりシンプルで読みやすいコードになります。

于 2013-05-06T10:53:33.403 に答える