jquery隐藏了简单的javascript错误

document.getElementById('nonexistent');

将在JavaScript中返回null,使用jQuery选择器将返回一个对象并转换为true：

if(!document.getElementById('nonexistent')) {
    alert('not here!');
}

if(!$('#nonexistent')) {
    alert('here,here!');
}

意思就是：

$('#nonexistent').doSomething().doSomethingElse().whatever();

可能不会抛出错误,因此您将很难知道链中“什么不起作用”.

但是,检查对象长度有效：

if(!$('#nonexistent').length) {
    alert('not here!');
}

jQuery被设计为无声地失败,因为它的一个核心用例是链接.如果选择器或原型方法在链中返回null或false,那么使用jQuery会比大多数没有经验的程序员想要的更频繁地抛出空引用错误.

更新

如果处于调试模式,您可以通过修改原型来进行自己的调试.我试过这个：

var debug = ['hide','show'],// Array of jQuery methods to debug
    i = 0,name;

for(; debug[i]; i++) {
    name = debug[i];
    if (typeof $.fn[name] == 'function') {
        $.fn[name] = (function(name,fn) {
            return function() {
                if ( !this.length ) {
                    console.warn('No elements selected when calling '+name);
                }
                fn.apply(this,Array.prototype.slice.call( arguments ));
            };
        }(name,$.fn[name]));
    }
}

现在,每当我调用’hide’时,如果链中没有元素,它会警告我：

$('#nonexistent').hide();  // consoles a warning

小提琴：http://jsfiddle.net/B4XQx/