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 属性同时添加到多个元素上。