82
：
$("div").addClass("a");
しかし、最初hasClassを使用して、またはこのaddClassとにかくない同じ方法を使用し、したがってロジックを複製されることにより、パフォーマンスの改善がありますか？
A
答えて
133
.hasClass()チェックは有用ではありません.jQuery will also always check.addClass()からです。それは余分な仕事です。
11
https://github.com/jquery/jquery/blob/master/src/attributes/classes.js#L38-L45は、addClassを使用している場合にクラスが存在するかどうかを確認します。
だから、それは何のためにこのケースで.hasClass() ..（あなたは要素のクラスを持っていなかった場合はより多くのアクションを実行したい場合は、例外があることでしょう。..）
4
を使用する理由はありません限られたテストで.hasClass()でパフォーマンスが改善されています。.removeClass()がChromeで数回遅く報告されても、1秒間に約70,000回の操作が行われます。
関連する問題
- 1. jQueryの：それはDOM要素<em>のみ</em>それがすでに存在していない場合を追加する
- 2. これはラムダですか？そうでない場合は何ですか？</p> <pre><code>Linq.From(Emp).Where(Emp['Sal'] > 1000) </code></pre> <p>はそれが私を覚ますと言うようになった：
- 3. 、いくつかの要素（div要素）は（あなたが<strong>sourceFields</strong>でそれを見ることができます）<strong>フォーム</strong>のうち、どのようにこのページがロードされる方法ではJavaScript
- 4. ファイルリダイレクトVS.</p> <pre><code>while(<>){ print; } </code></pre> <p>と私はこのようにリダイレクトしてファイルに渡す必要があります考えています：<code>./sort.pl < wordlist</code>を、それが持っている私はそうのようないくつかのファイルからSTDINにかかる<code>sort.pl</code>という名前のperlスクリプトを持って
- 5. jQueryのaddClassと私はマウスが要素の上にマウスとマウスが要素の上にホバリングされていないときにそのクラス<code>cfse_a</code>を削除されたときに要素<code>#searchput</code>にクラス<code>cfse_a</code>を追加したいと思いホバー
- 6. 問題は、私は</strong>モーダルが、それは<strong>小型</strong>に来ているブートストラップ<strong>に<strong>Googleのチャート</strong>を追加しようとしていたとき、私はときにそれを再描画する<strong>サイズ変更機能</strong>を追加したモーダル
- 7. のscilab：私は<code>$+1</code>インデックスを使用することができますscliabのベクトルに要素を追加したい場合は
- 8. Rubyでtrue、false、またはnilを返すメソッドをどのようにメモすることができますか？それは<code>false</code>または<code>nil</code>であることが判明した場合、その後、<code>expensive_way_to_calculate_x</code>が何度も実行されますので、
- 9. jQueryの、またはそのオプションの1つをクリックすることで、私は、ユーザーがそれにタブ移動し、文字を入力経由して、これを変更した場合伝えることができますどのように私は</p> <pre><code>$('#select').on('change', function (e) { //do things }); </code></pre> <p>のように変更イベントの選択を持っている場合は変更が
- 10. どのように私はEmacsで作業する場合、それはそれらのファイルを無視します、私は<code>.gitignore</code>にパターンを追加する方法<code>#foo.txt#</code>のような一時ファイルを作成
- 11. は、これは私です</p> <pre><code>'[errors]' => [], </code></pre> <p>..私は、ユーザーテーブルを持っていると私は私が<code>$user</code>をデバッグする場合でも、それはnullを返し<code>save()</code>保存したいときにエラーがないCakePhp3
- 12. 変更CONFIG [クライアント側] <p><a href="https://i.stack.imgur.com/qpebc.png" rel="nofollow noreferrer">CONFIG.PNG</a> < -</p> <p><strong>私はそこにそれを変更した場合、それは動作しますが、私はTampermonkeyでそれをやりたい方法Tampermonkeyにコンフィグを変更するには、その仕事とどのようにしていますか？</strong></p>
- 13. Syncano AndroidのSDKには - ユーザーが、私はユーザーがログインしている場合、私がチェックすることができますどのように</p> <pre><code>Syncano.getInstance().loginSocialUser() </code></pre> <p>を使用してログイン
- 14. 私はスナップショットが存在しない場合、私は、このスナップショットから</p> </blockquote> <p></p> <blockquote> <p>「暗闇の中で踊る」を得ることができますどのようにこのFireBase DataSnapshot
- 15. Yii2。</blockquote> :: Yiiの\キャプチャ\ CaptchaValidatorしかし、私がしなければ、それは正常に動作します：不明なプロパティを設定する</p> <blockquote> <p>：私はこれを行う場合は、それが言う
- 16. 私は、それはperlの</p> <p>私がいたを使用して行うことができますどのように</p> <pre><code>String sql = Query1; </code></pre> <p>のようにそれを交換したい行</p> <pre><code>String sql="select * from "+ "emp_data"; </code></pre> <p>のように私が持っている私のファイルでのPerl
- 17. は、私が見るにはこちらを</p> <p>私が試してみたい何<code>v_total_project</code>がそのように見えるようにすることである必要がありビュー
- 18. Androidはなぜ最初の要素にフォーカスしていますか？デバイス使用のEditTextがSoftInputModeはレイアウトがしかし</p> <p>を変更するような装置がフォーカスを失うことになる、サイズを変更する場合は、使用することはできませんので、場合レイアウトが</p> <p>を変更したときのアクティビティの起動 これはまた起こるとき
- 19. tr：ホバーのボーダー半径を<tr>にするには？私は私がしたいことはある、それは<code><table></code>が含まれている大きな<code><div class="content"></code>を持って
- 20. 文が</p> <pre><code>if A == B & C >= D & C <= E: </code></pre> <p>サブステートメントの各が独自に取り組んでいますが、私は1つのコマンドでそれらを一緒に結合することができないように作業する場合のステートメント
- 21. 私はそれを行うことができますどのように<strong>（私はカスケード削除を使用する必要はありません）</strong></p> <p>I手動で、私は手動でオブジェクトとすべてを削除したい場合は、それは子供のエンティティフレームワーク
- 22. <<を使用してクラスにファイルオブジェクトを供給するためにoperator <<を使用するにはどうすればよいですか？
- 23. は、私は私はそれをどのように行うことができます</p> <pre><code>wadl: http://domain.com/application.wadl method: checkInfo </code></pre> <p>WADLサービスからメソッドを呼び出し、パラメータを渡す必要がPHP
- 24. スカーラ：私は必要そのようなスクリプトで</p> <pre><code>#!/bin/sh exec scala "$0" "[email protected]" !# println("Hello") </code></pre> <p>はに起こる瓶のグループ（からクラスをロードするために：あなたはLinuxのシェルスクリプトとしてScalaのスクリプトを実行することができます
- 25. 、現在、私はにCheckedListBox</p>に <pre><code>var items = DomainGroupCheckedListBox.Items; items.Clear(); items.Add(result[DropDownDomainIDs.SelectedIndex]); </code></pre> <p>を項目を追加するしかし、どのように私はこのようになり、それを実装します。このコードを持っているにCheckedListBox C＃Windowsフォームで
- 26. 画像ここ</p> <p><a href="https://i.stack.imgur.com/jzYXW.png" rel="nofollow noreferrer">MG8ou.png</a></p> <p>私のコードに見られるように、私は、それが複数の番号を持っている場合の接触から電話を分離することができますどのように
- 27. <p>プロジェクトBがプロジェクトAに依存している場合は</p> <p>は、私はMavenのプロジェクトAに私が順序でのクラスのいずれかに変更を加える毎回のインストールを行う必要がありますかBさんが更新を確認しますか？</p>
- 28. 私のjavascriptのが唯一の私はdiv要素ここ</p> <p>に私のテキストを変更しようとしています、それは
- 29. どのように私は2つのテーブル<strong>mainacc</strong>と</strong> .I iがそれを行うことができます.how <strong>creditacc</strong>の値に基づいて<strong>mainacc</strong>上でバランスを更新する必要があり<strong>creditaccしたSQL
- 30. アサーションが失敗したそれらのスレッドで</p> <pre><code>TEST(one, test_one) { vector<thread> threads // ... initialize threads } </code></pre> <p>とどこかを次のように私はテストケースを持っている場合は、どのように私はどのように実行中のすべてのスレッド
こんにちは、Thessalonikiと+1から - 私は '＃LX-Y'トリックについて知らなかった:) – Jon
Hey Jon :)これはマウスでも選択可能です。（*行番号をクリックしてshift +クリック他のすべての行を選択する.. *） –