是的最佳方法：

通过JQuery：

if($("selector").length){
   //code in the case
}

选择器可以是元素ID或元素类

OR

如果您不想使用jQuery Library，那么可以通过使用Core JavaScript实现这一点：

通过JavaScript：

if(document.getElementById("ElementID")) {
    //Do something...
}

Yes!

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

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

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

试试这个。

简单、简短，可在整个项目中使用：

jQuery.fn.exists=function(){return !!this[0];}; //jQuery Plugin

用法：

console.log($("element-selector").exists());

_________________________________

或更短：（当您不想定义jQuery插件时）：

if(!!$("elem-selector")[0]) ...;

甚至

if($("elem-selector")[0]) ...;

我有一个例子，我想看看一个对象是否存在于另一个对象中，所以我在第一个答案中添加了一些东西，以检查选择器中的选择器。。

// 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;
};

前面的所有答案都需要.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);

尝试测试DOM元素

if (!!$(selector)[0]) // do stuff