jQuery 是强大的 JavaScript 库之一,其中包含许多用于操作 DOM 或选择 DOM 元素和修改 DOM 元素的强大方法。
在本文中,我们将通过在 jQuery 中添加一个适当的类,将第 4 个分区的背景颜色设置为红色。
方法:可以使用 DOM 中的第 i个元素定位 DOM eq()方法。 eq()方法返回所选元素的 DOM 的第i个元素。它考虑基于 0 的索引。
句法:
$('selector').eq(index)
index是eq()方法中的参数,可以是正数也可以是负数。如果为正,则从 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
输出: