如何检查jQuery中元素的存在？
我现在的代码是：
if ($(selector).length > 0) {
// Do something
}
有没有更优雅的方式来处理这个问题？也许是插件或函数？
当前回答
你可以使用这个：
jQuery.fn.extend({
exists: function() { return this.length }
});
if($(selector).exists()){/*do something*/}
其他回答
对于jQuery，您不需要>0，这就是您所需要的：
if ($(selector).length)
使用vanilla JS，您可以使用：
if(document.querySelector(selector))
如果要将其转换为返回bool的函数：
const exists = selector => !!document.querySelector(selector);
if(exists(selector)){
// some code
}
如果输入不存在，它将没有值。试试这个。。。
if($(selector).val())
不需要jQuery（基本解决方案）
if(document.querySelector('.a-class')) {
// do something
}
下面的选项性能更高（注意a类前面没有点）。
if(document.getElementsByClassName('a-class')[0]) {
// do something
}
querySelector在jQuery中使用了一个适当的匹配引擎，比如$（）（sizzle），并使用了更多的计算能力，但在99%的情况下都会很好。第二个选项更加明确，并且告诉代码要做什么https://jsbench.me/65l2up3t8i
我正在使用这个：
$.fn.ifExists = function(fn) {
if (this.length) {
$(fn(this));
}
};
$("#element").ifExists(
function($this){
$this.addClass('someClass').animate({marginTop:20},function(){alert('ok')});
}
);
仅当jQuery元素存在时执行链-http://jsfiddle.net/andres_314/vbNM3/2/
我发现if（$（selector）.length）｛｝不够。当选择器为空对象｛｝时，它将自动中断应用程序。
var $target = $({});
console.log($target, $target.length);
// Console output:
// -------------------------------------
// [▼ Object ] 1
// ► __proto__: Object
我唯一的建议是对｛｝执行额外的检查。
if ($.isEmptyObject(selector) || !$(selector).length) {
throw new Error('Unable to work with the given selector.');
}
我仍然在寻找一个更好的解决方案，尽管这个有点重。
编辑：警告！当选择器是字符串时，这在IE中不起作用。
$.isEmptyObject('hello') // FALSE in Chrome and TRUE in IE
