检查元素的存在在jQuery官方网站中有完整的文档记录！

使用选择器：if（$（“#myDiv”）.length）{$（“#myDiv”）.show（）；}注意，并不总是需要测试元素是否存在。下面的代码将显示元素（如果存在），并且不做任何操作（无错误）如果没有：$（“#myDiv”）.show（）；

我正在使用这个：

    $.fn.ifExists = function(fn) {
      if (this.length) {
        $(fn(this));
      }
    };
    $("#element").ifExists( 
      function($this){
        $this.addClass('someClass').animate({marginTop:20},function(){alert('ok')});               
      }
    ); 

仅当jQuery元素存在时执行链-http://jsfiddle.net/andres_314/vbNM3/2/

我发现这是最jQuery的方式，IMHO。扩展默认函数很简单，可以在全局扩展文件中完成。

$.fn.exist=函数（）{回来此长度；};console.log（$（“#yes”）.exist（））console.log（$（“#no”）.exist（））<script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js“></script><div id=“yes”>id=是</div>

这与所有答案非常相似，但为什么不使用！运算符两次，这样可以得到布尔值：

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

if ($(selector).exists()) {
    // the element exists, now what?...
}

检查jQuery中是否存在元素并不是所有的答案都是无懈可击的。经过多年的编码，只有此解决方案不会对存在与否发出任何警告：

if($(selector).get(0)) { // Do stuff }

或者在你的职能开始时保释：

if(!$(selector).get(0)) return;

解释

在这种情况下，您不必处理零|空长度问题。这会强制获取一个元素，而不是计算它们。

有一种奇怪的现象叫做短路调节。没有多少人知道这个功能，所以请允许我解释一下<3.

//you can check if it isnt defined or if its falsy by using OR
console.log( $(selector) || 'this value doesnt exist' )

//or run the selector if its true, and ONLY true
console.log( $(selector) && 'this selector is defined, now lemme do somethin!' )

//sometimes I do the following, and see how similar it is to SWITCH
console.log(
({  //return something only if its in the method name
    'string':'THIS is a string',
    'function':'THIS is a function',
    'number':'THIS is a number',
    'boolean':'THIS is a boolean'
})[typeof $(selector)]||
//skips to this value if object above is undefined
'typeof THIS is not defined in your search')

最后一位允许我查看我的类型有什么样的输入，并在列表中运行。如果列表中有一个值，我使用OR（||）运算符跳过并使其无效。这具有与Switch Case相同的性能，并且被认为有点简洁。测试条件的性能和逻辑运算符的使用。

附带说明：对象函数需要重写>.<'但我所做的这个测试是为了研究简洁而富有表现力的条件反射。

资源：逻辑与（带短路评估）