使用jquery检查div是否存在[重复]

Question

是的，我知道这个问题被问了很多。 但是，这让我很困惑，因为谷歌上的搜索结果显示了不同的方法（如下所列）

$(document).ready(function() {
    if ($('#DivID').length){
        alert('Found with Length');
    }

    if ($('#DivID').length > 0 ) {
        alert('Found with Length bigger then Zero');
    }

    if ($('#DivID') != null ) {
        alert('Found with Not Null');
    }
});

三种方法中哪一种是检查 div 是否存在的正确方法？

编辑： 看到人们不想从三种不同的方法中学习什么是更好的方法，这是一个遗憾。这个问题实际上不是关于“如何检查 div 是否存在”，而是关于哪种方法更好，如果有人可以解释，为什么它更好？

Answer 1

如果你只是检查一个ID是否存在，则不需要进入jQuery，你可以简单地：

if(document.getElementById("yourid") !== null)
{
}

如果找不到getElementById，则返回null。

Reference.

如果您打算稍后使用 jQuery 对象，我建议：

$(document).ready(function() {
    var $myDiv = $('#DivID');

    if ( $myDiv.length){
        //you can now reuse  $myDiv here, without having to select it again.
    }


});

选择器总是返回一个 jQuery 对象，所以不需要检查null（如果有需要检查的边缘情况，我会感兴趣null - 但我认为没有）。

如果选择器没有找到任何东西，那么length === 0 是“falsy”（当转换为 bool 时它的 false）。因此，如果它发现了什么，那么它应该是“真实的”——所以你不需要检查 > 0。只是因为它是“真实的”

Answer 2

正如 karim79 所说，第一个是最简洁的。但是我可以争辩说第二个更容易理解，因为某些 Javascript/jQuery 程序员并不明显/不知道在 if 语句中将非零/假值评估为 true。正因为如此，第三种方法是不正确的。

Answer 3

第一个是最简洁的，我会去的。前两个是相同的，但第一个只是稍微短一点，所以你会节省字节。第三个是完全错误的，因为该条件将始终评估为真，因为对象将永远在这方面为空或假。