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

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

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

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

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

感谢您分享这个问题。首先，有多种方法可以检查它。如果您想检查DOM中是否存在HTML元素。为此，您可以尝试以下方法。

使用Id选择器：在DOM中按Id选择元素，应该提供以前缀（#）开头的Id名称。您必须确保DOM中的每个Html元素都必须具有唯一的id。使用类选择器：可以使用前缀（.）选择属于特定类的所有元素。

现在，如果您想检查元素是否存在于DOM中，可以使用以下代码检查它。

if（$（“#myId”）.length）{//id选择器} if（$（“.myClass”）.length）{//类别选择器}

如果要检查任何变量是否未定义。您可以使用以下代码进行检查。

让x如果（x）console.log（“X”）；其他的console.log（“X未定义”）；

Yes!

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

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

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

以下是jQuery中我最喜欢的exist方法

$.fn.exist = function(callback) {
    return $(this).each(function () {
        var target = $(this);

        if (this.length > 0 && typeof callback === 'function') {
            callback.call(target);
        }
    });
};

以及在选择器不存在时支持回调的其他版本

$.fn.exist = function(onExist, onNotExist) {
    return $(this).each(function() {
        var target = $(this);

        if (this.length > 0) {
            if (typeof onExist === 'function') {
                onExist.call(target);
            }
        } else {
            if (typeof onNotExist === 'function') {
                onNotExist.call(target);
            }
        }
    });
};

例子：

$('#foo .bar').exist(
    function () {
        // Stuff when '#foo .bar' exists
    },
    function () {
        // Stuff when '#foo .bar' does not exist
    }
);

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

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

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

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