javascript - 以优雅的方式停止 jQuery 链接

Question

首先，我有点困惑，因为我无法立即找到答案。问题是关于代码风格的。

考虑一个例子:

$('input[type=text]').on('click', doSomething);

如果页面上没有输入会发生什么？此选择器的结果似乎为 null，我们收到错误。

所以，我们必须让代码变得更大、更丑:

var inputs = $('input[type=text]');

if (inputs) {
    inputs.on('click', doSomething);
}

我喜欢 jQuery，并期待这个解决方案有一个更优雅、更简短的形式。

<小时/>

更新

此问题的原因是页面上的 3 方脚本包含了 prototype.js。抱歉，我应该在发布之前在沙箱中测试该问题

Answer 1

jQuery 选择器将始终返回一个 jQuery 对象，你永远不会得到 null。

$('#Not exist!').attr('foo', 'foo'); //no error, returns jQuery

与document.getElementById不同:

document.getElementById('Not exist!') == null