选择此行为是因为否则 jQuery 会定期抛出 NullReference Exceptions

几乎所有的 jQuery 函数都返回一个 jQuery 对象作为所讨论的 Dom 元素的包装器，因此您可以使用点表示法。

$("#balloon").css({"color":"red"});

现在想象一下$("#balloon")返回null。这意味着这$("#balloon").css({"color":"red"}); 会引发错误，而不是像您期望的那样默默地做任何事情。

因此，您只需要使用.lengthor .size()。

这就是 jQuery 的工作方式。

$("#something")

对象 0=div#something length=1 jquery=1.2.6

$("#nothing")

对象长度=0 jquery=1.2.6

您可以通过访问元素的长度来接近做您想做的事情，并结合三元运算符：

console.log(!!$('#notfound').length);  // false
console.log(!!$('#exists').length);    // true
var element= $('#notfound').length ? $('#notfound') : $('#exists');
console.log(element.attr('id'));  // outputs 'exists'

至于问题的核心：

如果 ID 选择器在未找到时返回 null 会不会更合乎逻辑？

不，不是为了 JQuery 的做事方式——即支持 JQuery 语句的链接：

    $('#notfound').hide("slow", function(){
      jQuery(this)
        .addClass("done")
        .find("span")
          .addClass("done")
        .end()
        .show("slow", function(){
          jQuery(this).removeClass("done");
        });
    });

即使notfound不存在，此代码也会在不停止脚本执行的情况下运行。如果初始选择器返回空值，则必须添加一个 if/then 块来检查空值。如果 addClass、find、end 和 show 方法返回 null，则必须添加 if/then 块来检查每个方法的返回状态。链接是在动态类型语言（如 Javascript）中处理程序流的绝佳方式。

它返回真，因为对 Javascript 来说，它是一个定义的对象，因此不是假的，并且无论是否找到元素，jQuery 都会始终为您提供一个新对象 - 但是数组长度将为零，例如

$("span").length

如果您没有<span>，这将是零，但它可能是 1 或更多。

您可以编写自己的插件以避免重复 if 语句作为 Jquery 插件，就像我为这个插件所做的那样。这很容易做到：

(function($)
{
        /* Checks if a jQuery object exists in the DOM, by checking the length of its child elements. */
        $.fn.elementExists = function()
        {
                ///     <summary>
                ///     Checks if a jQuery object exists in the DOM, by checking the length of its child elements.
                ///     </summary>
                ///     <returns type="Boolean" />
                return jQuery(this).length > 0;
        };
})(jQuery);

用法：

if ($("#someid").elementExists())
{

}

您可以检查.lengthjQuery 对象的属性。像这样：

if($("#two").length > 0) { // exists...

} else { // doesn't exist

}