您可以在java脚本中使用长度检查元素是否存在。如果长度大于零，则元素存在；如果长度为零，则元素不存在

// These by Id
if ($("#elementid").length > 0) {
  // Element is Present
} else {
  // Element is not Present
}

// These by Class
if ($(".elementClass").length > 0) {
  // Element is Present
} else {
  // Element is not Present
}

只需检查选择器的长度，如果它大于0，则返回true，否则返回false。

对于ID：

 if( $('#selector').length )         // use this if you are using id to check
{
     // it exists
}

对于类别：

 if( $('.selector').length )         // use this if you are using class to check
{
     // it exists
}

对于下拉列表：

if( $('#selector option').size() ) {   // use this if you are using dropdown size to check

   // it exists
}

您可以通过以下方式节省几个字节：

if ($(selector)[0]) { ... }

这是因为每个jQuery对象也伪装成一个数组，所以我们可以使用数组解引用运算符从数组中获取第一个项。如果指定索引中没有项，则返回undefined。

你可以使用这个：

jQuery.fn.extend({
    exists: function() { return this.length }
});

if($(selector).exists()){/*do something*/}

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

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

将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');
}