jQuery | :has() 选择器示例

jQuery 中的:has() 选择器用于选择所有包含一个或多个元素且与指定选择器匹配的元素。

句法：

$(":has(selector)")

参数：此选择器包含单个参数选择器，它是强制性的，用于指定要选择的元素。还需要接受任何类型的选择器。

示例 1：此示例使用 :has 选择器来选择

span 元素以创建纯绿色边框。

   
      jQuery :has() Selector
        
      
      
        
      
      
         $(document).ready(function(){
           $("h2:has(span)").css("border", "solid green");
         });
      
   
     
   
      
         GeeksForGeeks
         jQuery :has() Selector
      
   

输出：

示例 2：此示例使用 :has 选择器来选择元素并创建边框。

   
      jQuery :has() Selector
        
      
      
        
      
      
         $(document).ready(function(){
           $("body:has(h1, span)").css("border", "solid green");
         });
      
   
     
   
      
         GeeksForGeeks
         jQuery :has() Selector
      
   

输出：