📌  相关文章
📜  如何使用 JQuery 将 css 属性应用于子元素?

📅  最后修改于: 2021-08-31 07:51:30             🧑  作者: Mango

任务是使用 jQuery 将 CSS 属性应用于子元素。为此,首先我们借助 jQuery 中的 children()方法选择子元素,然后借助jQuery 中的 css()方法对其应用 CSS 属性。

句法:

// Note : children method selects the direct child to parent
$(selector).children("selector").css("property-name","value")

示例 1

HTML

    
  
    
        
  
        
            How to apply CSS property to a 
            child element using JQuery?
        
  
        
        
    
  
    
        
            

i am child-1.

            

i am child-2.

        
                                    


HTML

    
  
    
        
        
            How to apply CSS property to a 
            child element using JQuery?
        
  
        
        
    
  
    
        
            

i am child-1.

            

i am child-2.                 i am grand-child-1             

        
                                    


输出:

点击按钮前:

点击按钮后:

我们还可以借助 jQuery 中的 find()方法将 CSS 属性应用于孙子和任何后代到父。

句法:

$(sellector).find("descendants-name").css("property-name","value");

示例 2:

HTML


    
  
    
        
        
            How to apply CSS property to a 
            child element using JQuery?
        
  
        
        
    
  
    
        
            

i am child-1.

            

i am child-2.                 i am grand-child-1             

        
                                    

输出:

点击按钮前:

点击按钮后: