jQuery给元素添加样式的方法详解

1. 使用css()方法

css()方法是jQuery中常用的方法，用于给元素添加样式。它可以接受一个CSS属性及其值的键值对，并将其应用于选中的元素。

语法：

$(selector).css(property, value);

• selector：用于选择元素的jQuery选择器。
• property：CSS属性的名称。
• value：CSS属性的值。

示例1：

// 给id为myElement的元素设置背景颜色为红色
$("#myElement").css("background-color", "red");

示例2：

// 给class为myClass的所有元素设置字体颜色为蓝色，背景颜色为黄色
$(".myClass").css({
  "color": "blue",
  "background-color": "yellow"
});

2. 使用addClass()方法

addClass()方法用于给选中的元素添加一个或多个CSS类。它可以接受一个或多个类名作为参数，多个类名之间用空格分隔。

语法：

$(selector).addClass(class);

• selector：用于选择元素的jQuery选择器。
• class：要添加的CSS类名。

示例1：

// 给所有p元素添加一个名为"highlight"的类
$("p").addClass("highlight");

示例2：

// 给所有class为"myClass"的元素同时添加"highlight"和"bold"两个类
$(".myClass").addClass("highlight bold");

以上就是使用jQuery给元素添加样式的两种常用方法。你可以根据实际需要选择使用哪种方式来实现你的样式需求。