将querySelectorAll与forEach一起使用，无需if和额外赋值：

document.querySelectorAll('.my-element').forEach((element) => {
  element.classList.add('new-class');
});

与以下内容相反：

const myElement = document.querySelector('.my-element');
if (myElement) {
  element.classList.add('new-class');
}

对于jQuery，您不需要>0，这就是您所需要的：

if ($(selector).length)

使用vanilla JS，您可以使用：

if(document.querySelector(selector))

如果要将其转换为返回bool的函数：

const exists = selector => !!document.querySelector(selector);

if(exists(selector)){
  // some code
}

$（“selector”）返回一个具有长度属性的对象。如果选择器找到任何元素，它们将包含在对象中。所以如果你检查它的长度，你可以看到是否有元素存在。在JavaScript中，0==false，因此如果没有得到0，代码将运行。

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

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

您不必检查它是否大于0，例如$（selector）.length>0，$（selected）.llength，这就足够了，是检查元素存在的一种优雅方式。我认为仅为此编写函数是不值得的，如果你想做更多额外的事情，那么是的。

if($(selector).length){
  // true if length is not 0
} else {
  // false if length is 0
}

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