如何检查jQuery中元素的存在？
我现在的代码是：
if ($(selector).length > 0) {
// Do something
}
有没有更优雅的方式来处理这个问题？也许是插件或函数？
当前回答
有一种奇怪的现象叫做短路调节。没有多少人知道这个功能，所以请允许我解释一下<3.
//you can check if it isnt defined or if its falsy by using OR
console.log( $(selector) || 'this value doesnt exist' )
//or run the selector if its true, and ONLY true
console.log( $(selector) && 'this selector is defined, now lemme do somethin!' )
//sometimes I do the following, and see how similar it is to SWITCH
console.log(
({ //return something only if its in the method name
'string':'THIS is a string',
'function':'THIS is a function',
'number':'THIS is a number',
'boolean':'THIS is a boolean'
})[typeof $(selector)]||
//skips to this value if object above is undefined
'typeof THIS is not defined in your search')
最后一位允许我查看我的类型有什么样的输入，并在列表中运行。如果列表中有一个值，我使用OR（||）运算符跳过并使其无效。这具有与Switch Case相同的性能，并且被认为有点简洁。测试条件的性能和逻辑运算符的使用。
附带说明：对象函数需要重写>.<'但我所做的这个测试是为了研究简洁而富有表现力的条件反射。
资源：逻辑与（带短路评估）
其他回答
$(selector).length && //Do something
这与所有答案非常相似，但为什么不使用！运算符两次，这样可以得到布尔值：
jQuery.fn.exists = function(){return !!this.length};
if ($(selector).exists()) {
// the element exists, now what?...
}
将querySelectorAll与forEach一起使用，无需if和额外赋值：
document.querySelectorAll('.my-element').forEach((element) => {
element.classList.add('new-class');
});
与以下内容相反：
const myElement = document.querySelector('.my-element');
if (myElement) {
element.classList.add('new-class');
}
尝试测试DOM元素
if (!!$(selector)[0]) // do stuff
您可以通过以下方式节省几个字节：
if ($(selector)[0]) { ... }
这是因为每个jQuery对象也伪装成一个数组，所以我们可以使用数组解引用运算符从数组中获取第一个项。如果指定索引中没有项，则返回undefined。
