是的最佳方法：

通过JQuery：

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

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

OR

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

通过JavaScript：

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

我发现这是最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>

我看到这里的大多数答案都不准确，他们检查了元素长度，在很多情况下都可以，但不是100%，想象一下如果数字传递给函数，所以我原型化了一个函数，它检查所有条件并返回应该的答案：

$.fn.exists = $.fn.exists || function() { 
  return !!(this.length && (this[0] instanceof HTMLDocument || this[0] instanceof HTMLElement)); 
}

这将检查长度和类型，现在您可以这样检查：

$(1980).exists(); //return false
$([1,2,3]).exists(); //return false
$({name: 'stackoverflow', url: 'http://www.stackoverflow.com'}).exists(); //return false
$([{nodeName: 'foo'}]).exists() // returns false
$('div').exists(); //return true
$('.header').exists(); //return true
$(document).exists(); //return true
$('body').exists(); //return true

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

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

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

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

解释

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

默认情况下-否。

长度属性通常以以下方式用于相同的结果：

if ($(selector).length)

在这里，“选择器”将被您感兴趣的实际选择器替换，无论它是否存在。如果它确实存在，那么length属性将输出一个大于0的整数，因此If语句将变为true，从而执行If块。如果没有，它将输出整数“0”，因此If块不会被执行。

如果您使用

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

你会暗示链接是可能的，而不是可能的。

这样会更好：

jQuery.exists = function(selector) {return ($(selector).length > 0);}
if ($.exists(selector)) { }

或者，从常见问题解答：

if ( $('#myDiv').length ) { /* Do something */ }

您也可以使用以下选项。如果jQuery对象数组中没有值，那么获取数组中的第一个项将返回undefined。

if ( $('#myDiv')[0] ) { /* Do something */ }