如何使用 jQuery 查找具有指定类的所有孩子？

有很多 javascript 库，例如-anime.js、screenfull.js、moment.js 等。JQuery 也是 javascript 库的一部分。它用于简化代码。它是一个轻量级且功能丰富的库。

在本文中，我们将学习如何找到每个部门的指定班级的所有孩子。

.children(selector) –在 jquery 中，您可以使用名为.children()的方法来完成此任务。它将选择器作为参数并更改具有指定名称的子元素。

示例 1：

HTML

  

    
    
  
    
        body {
            font-size: 20px;
            font-style: italic;
            background-color: green;
            text-align: center;
        }
    

  

    
        
            GeeksForGeeks
        
  
        
            This is a span in div element.
            (children but not specified)
        
  
        
            This is a paragraph with specified 
            class in a div element.
        
  
        
            This is inner div with specified 
            class in a div element.
        
  
        
            This is another paragraph in div 
            element.(children but not specified)
        
    
  
    
        $("div").children(".child").css({
            "background-color": "lightgreen",
            "border-style": "inset"
        });
    

  

输出：

说明： div 元素有 5 个子元素(1 个标题、1 个跨度、1 个内部 div 和 3 个段落)。在代码中，我们指定了class=”child”的三元素，即两个段落和一个div。您会注意到只有指定的元素会受到影响并更改其样式属性。

示例 2：

HTML

  

    
    
      
    
        body {
            font-size: 20px;
            font-style: italic;
            background-color: green;
            text-align: center;
        }
    

  

    
        GeeksForGeeks
  
        
            class with prime will only 
            get diffrent style property
        
  
        '1' is not a prime number.
  
        '2' is a prime number.
  
        '3' is a prime number.
  
        '4' is not a prime number.
  
        '5' is a prime number
    
      
    
        $("div").children(".prime").css({
            "background-color": "lightgreen",
            "border-style": "inset"
        });
    

  

输出 –