如何在 jQuery 中设置特定 div 的背景颜色？

要设置特定 div 的背景颜色，我们可以使用 jQuery 的 css() 方法。

语法

$(selector).css(property, value)

其中，selector 是要设置背景颜色的 div 的选择器；property 是要设置的 css 属性，这里是 background-color；value 是要设置的值，可以是颜色名、十六进制颜色值或 rgb 值。

示例

HTML 代码：

<div id="mydiv">这是一个 div</div>

CSS 代码：

#mydiv {
  width: 200px;
  height: 200px;
  border: 1px solid #000;
}

jQuery 代码：

$('#mydiv').css('background-color', 'red');

这样，id 为 mydiv 的 div 的背景颜色就被设置成了红色。

注意事项

• 在使用 jQuery 设置样式时，推荐使用添加样式类的方式，而不是直接设置样式属性。这样做可以避免样式覆盖，也更符合代码规范。

• 在设置 RGB 值时，颜色值需要用引号括起来，如 'rgb(255, 0, 0)'。

• 如果要设置多个属性，可以使用对象形式，如：

  $('#mydiv').css({
    'background-color': 'red',
    'border': '2px solid black',
    'color': 'white'
  });
  

  这样就可以一次性设置多个属性。

结论

使用 jQuery 非常方便地可以设置特定 div 的背景颜色。只需要使用 css() 方法即可。当然，在开发中还需要注意一些细节问题。