如何在 jQuery 中检查元素是否存在？

有两种方法可以使用 jQuery 检查 HTML 文档中的元素是否存在。

方法 1：在 jQuery 中使用 length 属性。如果元素存在，则 length 属性将返回与指定选择器匹配的元素的总数。在 JavaScript 中，所有内容要么是真值，要么是假值，因此如果长度为 0，那么它的计算结果为假，其他一切都是真的。

以下示例中定义了一个 div 元素，并且有两个按钮，单击时检查是否存在两个单独的 div。如果单击第一个按钮，则会显示一条警告消息，指出“div 1 存在”，因为 HTML 标记中存在 id 为div1的 div 元素。但是，如果单击第二个按钮，仍然会显示一条警告消息，但它指出“div 2 不存在”，因为不存在 id 为div2的 div 元素。

例子：

HTML



  
    
    
    Check whether an element exists or not using jQuery
    
    
  
  
    GeeksforGeeks
    This is div with id div1

HTML



  
    
    
    Check whether an element exists or not using jQuery
    
    
  
  
    GeeksforGeeks
    This is div with id div2

输出：

方法 2：使用带有方法的 jQuery 插件。这种方法与第一种方法非常相似，因为它也使用 jQuery 中的 length 属性，但不同之处在于，用户定义的方法exists()是从插件创建的，使用相同的真值和假值逻辑长度如先前技术中所述。

以下示例中定义了一个 div 元素，并且有两个按钮，单击时检查是否存在两个单独的 div。如果单击第一个按钮，则会显示一条警告消息，指出“div 1 不存在”，因为 HTML 标记中不存在 id 为div1的 div 元素。但是，如果单击第二个按钮，仍然会显示一条警告消息，但它指出“div2 存在”，因为存在 id 为 div2 的 div 元素。

例子：

HTML



  
    
    
    Check whether an element exists or not using jQuery
    
    
  
  
    GeeksforGeeks
    This is div with id div2

输出：