jQueryの要素の存在確認について

jQueryで、要素の存在確認の方法がいくつかありますが、
単純に存在確認が必須ではない場合（要素があれば処理をする、無ければ何もしない）、
存在確認はした方が良いのでしょうか。

例えばサイト全体で、common.jsというファイルを読み込み、
トップページだけに必要な処理がある場合、

html
1<body id="top">
2 <div></div>
3</body>
4

以下のように書くのか、

jQuery
1$("#top div").wrap("<div class='divWrap'>");

それとも以下のようなかたちで存在確認をした方が良いのでしょうか？

jQuery
1if($("#top").length) {
2   $("#top div").wrap("<div class='divWrap'>");
3}

※トップページだけにscriptを読み込めず、全体で読み込む「common.js」しか使えない環境の時

現在、限られた環境で制作する場面があり、また調べてみたところ以下のような記事を拝見しまして、気になり質問いたしました。

jQueryでDOM要素が存在するか確認してはならない

どうぞよろしくお願いいたします。

miyabi_pudding

2019/06/18 08:16

deaさん>解決されたのであれば、BA選出して、質問を閉じましょう。それとも、まだ解決されてないのでしょうか？

dea

2019/06/19 01:49

コメントありがとうございます。解決いたしましたl 昨日は外出などで忙しくサイトを見れませんでした。

行動規範の内容に同意します

回答2件

提示コードについては「確認しなくてもよい」で yambejp さんの回答の通りです。
ただ、その理由が参考サイトのようにパフォーマンスのためならどうでしょうか？
一番遅いとしているものでさえ秒間347回も実行しているわけで通常は問題にならないかと思います。
手元の IE11 では、 !!$('.bar').length; を10万回実行するのに約0.7秒かかりました

投稿2019/06/18 02:54

x_x

総合スコア13749

dea

2019/06/19 01:46

ご回答ありがとうございます！

行動規範の内容に同意します

ベストアンサー

jQueryオブジェクトの性質から存在確認をする意味がないので
普通は確認しません。
つまりセレクタで選択別されたオブジェクトが1件もヒットしない場合でも
jQueryはlength:0のオブジェクトを返し、nullやundefinedと違い
そのオブジェクトに何か操作してもエラーにはならないからです。

投稿2019/06/17 09:19