JQuery contains()用法及代碼示例

jQuery中的contains()方法用於檢查DOM元素是否是另一個DOM元素的後代。

用法:

jQuery.contains( container, contained )

參數：此方法接受上麵提到和下麵描述的兩個參數：

container:此參數保存可能包含其他元素的DOM元素。
contained:此參數保存DOM元素，該元素可能由另一個元素(的後代)包含。

返回值：它返回布爾值。

以下示例說明了jQuery.contains()方法的用法：

範例1：

<!DOCTYPE html> 
<html> 
  
<head> 
    <meta charset="utf-8"> 
    <title>JQuery | contains() method</title> 
  
    <script src= 
        "https://code.jquery.com/jquery-3.4.1.js"> 
    </script> 
</head> 
  
<body style="text-align:center;"> 
  
    <h1 style="color:green"> 
        GeeksForGeeks 
    </h1> 
  
    <h3>JQuery | contains() method</h3> 
  
    <b id="gfg"></b> 
  
    <script> 
        $("#gfg").append( 
            "Is 'document.documentElement' in 'document.body'? <br>" 
            + $.contains(document.documentElement, document.body)); 
  
    </script> 
</body> 
  
</html>

輸出：

範例2：

<!DOCTYPE html> 
<html> 
  
<head> 
    <meta charset="utf-8"> 
    <title>JQuery | contains() method</title> 
  
    <script src= 
        "https://code.jquery.com/jquery-3.4.1.js"> 
    </script> 
  
</head> 
  
<body style="text-align:center;"> 
  
    <h1 style="color:green"> 
        GeeksForGeeks 
    </h1> 
  
    <h3>JQuery | contains() method</h3> 
  
    <b id="gfg"></b> 
  
    <script> 
        $("#gfg").append( 
            "Is 'document.body' in 'document.documentElement'? <br>" 
            + $.contains(document.body, document.documentElement)); 
    </script> 
</body> 
  
</html>

輸出：

相關用法

注：本文由純淨天空篩選整理自SHUBHAMSINGH10大神的英文原創作品 jQuery | contains() Method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。