📌  相关文章
📜  如何在 jQuery 中设置特定 div 的背景颜色?

📅  最后修改于: 2021-11-25 03:31:07             🧑  作者: Mango

jQuery 是强大的 JavaScript 库之一,其中包含许多用于操作 DOM 或选择 DOM 元素和修改 DOM 元素的强大方法。

在本文中,我们将通过在 jQuery 中添加一个适当的类,将第 4 个分区的背景颜色设置为红色。

方法:可以使用 DOM 中的第 i元素定位 DOM eq()方法。 eq()方法返回所选元素的 DOM 的i元素。它考虑基于 0 的索引。

句法:

$('selector').eq(index)

indexeq()方法中的参数,可以是正数也可以是负数。如果为正,则从 0 开始。如果为负,则考虑从末尾开始索引。

方法一:使用jQuery选择器选择body。从正文中找到第 4 个div ,然后使用addClass()函数将类添加到返回的 jQuery 对象中。由于它是基于 0 的索引,我们选择第 3 个索引处的div

例子:

HTML


  

    
    
  
    
  
    
    
      
    

  

    

GeeksforGeeks

    

        How to set the background color          of the 4th division red by adding          an appropriate class in jQuery?     

                   
DIV-1
    
DIV-2
    
DIV-3
    
DIV-4
    
DIV-5
          


HTML


  

    
    
    
  
    
    
      
    

  

    

GeeksforGeeks

       

        How to set the background color          of the 4th division red by adding          an appropriate class in jQuery?     

               
DIV-1
    
DIV-2
    
DIV-3
    
DIV-4
    
DIV-5
          


输出:

方法二:下面的例子是通过使用eq()方法选择body的第4个div和使用css()方法选择样式来实现的。

HTML



  

    
    
    
  
    
    
      
    

  

    

GeeksforGeeks

       

        How to set the background color          of the 4th division red by adding          an appropriate class in jQuery?     

               
DIV-1
    
DIV-2
    
DIV-3
    
DIV-4
    
DIV-5
          

输出: