如何检查jQuery中元素的存在？
我现在的代码是：
if ($(selector).length > 0) {
// Do something
}
有没有更优雅的方式来处理这个问题？也许是插件或函数？
当前回答
不需要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
其他回答
不需要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
我有一个例子，我想看看一个对象是否存在于另一个对象中，所以我在第一个答案中添加了一些东西，以检查选择器中的选择器。。
// Checks if an object exists.
// Usage:
//
// $(selector).exists()
//
// Or:
//
// $(selector).exists(anotherSelector);
jQuery.fn.exists = function(selector) {
return selector ? this.find(selector).length : this.length;
};
我发现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
受到海威回答的启发，我想到了以下几点：
$.fn.exists = function() {
return $.contains( document.documentElement, this[0] );
}
jQuery.contains获取两个DOM元素，并检查第一个元素是否包含第二个元素。
当我们希望仅应用document.documentElement来检查当前文档中元素的存在时，使用document.documentsElement作为第一个参数可以实现exists方法的语义。
下面，我将jQuery.exists（）与$（sel）[0]和$（sel）.length方法进行了比较，这两种方法都返回了$（4）的真值，而$（4（）.exists）返回了假值。在检查DOM中是否存在元素的上下文中，这似乎是理想的结果。
$.fn.exists=函数（）{return$.contains（document.documentElement，this[0]）；}var测试功能=[函数（jq）{return！！jq[0]；}，函数（jq）{return！！jq.length；}，函数（jq）{return jq.exists（）；}，];var输入=[["$()",$()],["$(4)",$(4)],[“$（'#idexist'）”，$（'#idexist]）]，[“$（'#idotexist'）”，$（'#idotexit'）]];for（变量i=0，l=inputs.length，tr，input；i<l；i++）{input=输入[i][1]；tr=“<tr><td>”+输入[i][0]+“</td><td]”+testFuncs[0]（输入）+“</td><td>”+testFuncs[1]（输入）+“</td><td>”+testFuncs[2]（输入）+“</td></tr>”；$（“table”）.append（tr）；}td｛border:1px实心黑色｝<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><div id=“idexist”>#idexist</div>＜表格样式＞<tr><td>输入</td><td>$（sel）[0]</td><td>$（sel）.length</td><td>$（sel）.exists（）</td></tr></table><脚本>$.fn.exists=函数（）{return$.contains（document.documentElement，this[0]）；}</script>
$.contains（）是您想要的吗？
jQuery.incontains（容器，已包含）如果第二个参数提供的DOM元素是第一个参数提供DOM元素的后代，则$.contains（）方法返回true，无论它是直接子元素还是更深层的嵌套。否则，返回false。仅支持元素节点；如果第二个参数是文本或注释节点，$.contains（）将返回false。注意：第一个参数必须是DOM元素，而不是jQuery对象或纯JavaScript对象。
