这里是不同情况的完整示例，以及使用jQuery选择器上的direct-if检查元素是否存在的方法，因为它返回数组或元素，所以它可能工作，也可能不工作。

var a = null;

var b = []

var c = undefined ;

if(a) { console.log(" a exist")} else { console.log("a doesn't exit")}
// output: a doesn't exit

if(b) { console.log(" b exist")} else { console.log("b doesn't exit")}
// output: b exist

if(c) { console.log(" c exist")} else { console.log("c doesn't exit")}
// output: c doesn't exit

最终解决方案

if($("#xysyxxs").length){ console.log("xusyxxs exist")} else { console.log("xusyxxs doesnn't exist") }
//output : xusyxxs doesnn't exist

if($(".xysyxxs").length){ console.log("xusyxxs exist")} else { console.log("xusyxxs doesnn't exist") }
    //output : xusyxxs doesnn't exist

Demo

console.log（“现有id”，$（'#id-1'）.length）console.log（“非现有id”，$（'#id-2'）.length）console.log（“现有类单个实例”，$（'.cls-1'）.length）console.log（“现有类多实例”，$（'.cls-2'）.length）console.log（“非现有类”，$（'.cls-3'）.length）<script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js“></script><div id=“id-1”><div class=“cls-1cls-2”></div><div class=“cls-2”></div></div>

我发现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

检查元素的存在在jQuery官方网站中有完整的文档记录！

使用选择器：if（$（“#myDiv”）.length）{$（“#myDiv”）.show（）；}注意，并不总是需要测试元素是否存在。下面的代码将显示元素（如果存在），并且不做任何操作（无错误）如果没有：$（“#myDiv”）.show（）；

不需要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.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>

您可以使用：

if ($(selector).is('*')) {
  // Do something
}

也许更优雅一点。