检查是否存在的最快和最语义自解释的方法实际上是使用普通JavaScript：

if (document.getElementById('element_id')) {
    // Do something
}

它比jQuery长度替代方案要长一点，但执行速度更快，因为它是一个原生JS方法。

它比编写自己的jQuery函数要好。出于snover所说的原因，这种替代方案要慢一些。但这也会给其他程序员留下这样的印象：exists（）函数是jQuery固有的东西。JavaScript会/应该被其他编辑代码的人理解，而不会增加知识债务。

注意：注意element_id前面缺少“#”（因为这是纯JS，而不是jQuery）。

我只是喜欢使用普通的javascript来实现这一点。

function isExists(selector){
  return document.querySelectorAll(selector).length>0;
}

Yes!

jQuery.fn.exists = function(){ return this.length > 0; }

if ($(selector).exists()) {
    // Do something
}

这是对杰夫·阿特伍德主持的《放牧守则》播客的回应

默认情况下-否。

长度属性通常以以下方式用于相同的结果：

if ($(selector).length)

在这里，“选择器”将被您感兴趣的实际选择器替换，无论它是否存在。如果它确实存在，那么length属性将输出一个大于0的整数，因此If语句将变为true，从而执行If块。如果没有，它将输出整数“0”，因此If块不会被执行。

这里是不同情况的完整示例，以及使用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>

前面的所有答案都需要.length参数的原因是，它们主要使用jquery的$（）选择器，该选择器在窗帘后面有querySelectorAll（或者直接使用）。此方法相当慢，因为它需要解析整个DOM树，查找与该选择器的所有匹配项，并用它们填充数组。

['length']参数不是必需的或有用的，如果直接使用document.querySelector（selector），代码会更快，因为它返回匹配的第一个元素，如果找不到则返回null。

function elementIfExists(selector){  //named this way on purpose, see below
    return document.querySelector(selector);
}
/* usage: */
var myelement = elementIfExists("#myid") || myfallbackelement;

然而，这个方法留给我们的是实际返回的对象；如果不将其保存为变量并重复使用（因此，如果我们忘记了，就保留引用），这是很好的。

var myel=elementIfExists("#myid");
// now we are using a reference to the element which will linger after removal
myel.getParentNode.removeChild(myel);
console.log(elementIfExists("#myid")); /* null */
console.log(myel); /* giant table lingering around detached from document */
myel=null; /* now it can be garbage collected */

在某些情况下，这可能是需要的。它可以在for循环中使用，如下所示：

/* locally scoped myel gets garbage collected even with the break; */
for (var myel; myel = elementIfExist(sel); myel.getParentNode.removeChild(myel))
    if (myel == myblacklistedel) break;

如果您实际上不需要该元素，并且只想获取/存储一个true/false，那么就不要加倍！！它适用于松开的鞋子，所以为什么要在这里打结？

function elementExists(selector){
    return !!document.querySelector(selector);
}
/* usage: */
var hastables = elementExists("table");  /* will be true or false */
if (hastables){
    /* insert css style sheet for our pretty tables */
}
setTimeOut(function (){if (hastables && !elementExists("#mytablecss"))
                           alert("bad table layouts");},3000);