如何检查jQuery中元素的存在？
我现在的代码是：
if ($(selector).length > 0) {
// Do something
}
有没有更优雅的方式来处理这个问题？也许是插件或函数？
当前回答
我看到这里的大多数答案都不准确，他们检查了元素长度，在很多情况下都可以，但不是100%，想象一下如果数字传递给函数，所以我原型化了一个函数，它检查所有条件并返回应该的答案：
$.fn.exists = $.fn.exists || function() {
return !!(this.length && (this[0] instanceof HTMLDocument || this[0] instanceof HTMLElement));
}
这将检查长度和类型，现在您可以这样检查：
$(1980).exists(); //return false
$([1,2,3]).exists(); //return false
$({name: 'stackoverflow', url: 'http://www.stackoverflow.com'}).exists(); //return false
$([{nodeName: 'foo'}]).exists() // returns false
$('div').exists(); //return true
$('.header').exists(); //return true
$(document).exists(); //return true
$('body').exists(); //return true
其他回答
是的最佳方法：
通过JQuery：
if($("selector").length){
//code in the case
}
选择器可以是元素ID或元素类
OR
如果您不想使用jQuery Library，那么可以通过使用Core JavaScript实现这一点：
通过JavaScript：
if(document.getElementById("ElementID")) {
//Do something...
}
在JavaScript中，一切都是“truthy”或“falsy”，对于数字0表示假，其他一切都是真。所以你可以写：
if ($(selector).length)
你不需要那>0部分。
我看到这里的大多数答案都不准确，他们检查了元素长度，在很多情况下都可以，但不是100%，想象一下如果数字传递给函数，所以我原型化了一个函数，它检查所有条件并返回应该的答案：
$.fn.exists = $.fn.exists || function() {
return !!(this.length && (this[0] instanceof HTMLDocument || this[0] instanceof HTMLElement));
}
这将检查长度和类型，现在您可以这样检查：
$(1980).exists(); //return false
$([1,2,3]).exists(); //return false
$({name: 'stackoverflow', url: 'http://www.stackoverflow.com'}).exists(); //return false
$([{nodeName: 'foo'}]).exists() // returns false
$('div').exists(); //return true
$('.header').exists(); //return true
$(document).exists(); //return true
$('body').exists(); //return true
对于jQuery，您不需要>0，这就是您所需要的：
if ($(selector).length)
使用vanilla JS，您可以使用：
if(document.querySelector(selector))
如果要将其转换为返回bool的函数：
const exists = selector => !!document.querySelector(selector);
if(exists(selector)){
// some code
}
if ( $('#myDiv').size() > 0 ) { //do something }
size（）统计选择器返回的元素数
