$（ "＃myElement"）。長さ対!! $（ "myElement"）は、DOM要素が存在するかどうかをチェックしますか？

Question

特定のDOM要素が存在するかどうかを確認する必要があります。私はそれを確認するためにlengthプロパティを示唆する他の投稿を見た。それはうまく動作します。しかし、lengthの属性がなくても動作します。例：

!!$("#myElement");  // true 
!!$("#myElement").length; // true 

どちらのウェイも同じ値を返します。要素が存在するかどうかを確認するのに、lengthプロパティを使用しないのは大丈夫ですか？

Answer 1

いいえ、は常にです。lengthです。

jQueryオブジェクトが空でもnullでもないため、ここでロジックに問題があります。要素が選択されていなくても常にオブジェクトを返します。したがって、ブール値に確実に変換してセレクタが要素と一致しているかどうかを確認できません。

console.log(!!$('#exists')); // should be true 
 
console.log(!!$('#doesNotExist')); // should be false

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="exists"></div>

あなたが上見ることができるように、両方のテストはtrueを返します。