淘先锋技术网

首页 1 2 3 4 5 6 7

jQuery 提供了一个非常方便的方法来添加多个 CSS 属性,并且这个方法可以同时添加到多个元素上。这个方法叫做css()

与单独添加单个 CSS 属性不同,通过css()方法添加多个 CSS 属性需要将这些属性值以对象的形式传递进去。也就是说,我们必须使用 JavaScript 对象的语法来定义这些 CSS 属性。

$(selector).css({
property1: value1,
property2: value2,
property3: value3,
...
});

在上面的代码中,selector是选择器,可以选择一个或多个元素。CSS 属性以键值对的形式出现,以逗号分隔。每个键值对中,property代表 CSS 属性名称,而value则代表这个属性名称对应的值。

下面是一个添加多个 CSS 属性的例子:

$("p").css({
"background-color": "yellow",
"font-size": "200%",
"color": "blue"
});

在上面的例子中,我们选择了所有的<p>元素。然后,我们添加三个属性:背景颜色、字体大小和颜色。通过这种方式,我们可以快速地将多个 CSS 属性同时添加到多个元素上。