$（「＃myElement」）。length與!! $（「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。