jQuery CSS() 方法

jQuery css()方法获取或设置所选元素的一个或多个样式属性。

此方法提供了一种将样式(内联样式)直接应用于HTML元素的快速方法。

返回CSS属性值

要返回指定CSS属性的值,请使用以下语法:

$(selector).css(property)

下面的示例返回单击的DIV的背景色:

$("div").click(function(){
  $(this).css("background-color");
});
测试看看‹/›

设置CSS属性和值

要设置指定的CSS属性和值,请使用以下语法:

$(selector).css(property, value)

下面的示例设置所有段落的color属性:

$("button").click(function(){
  $("p").css("color", "blue");
});
测试看看‹/›

当使用css()方法获取属性值时,它将返回第一个选定元素的值。

使用css()方法设置属性值时,它将为所有选定元素设置一个或多个属性/值对。

设置多个CSS属性和值

要设置多个CSS属性和值,请使用以下语法:

$(selector).css({property:value, property:value, ...})

以下示例为所有段落设置了多个CSS属性和值:

$("button").click(function(){
  $("p").css({
    "color": "white",
    "font-size": "1.3em",
    "background-color": "#4285f4",
    "padding": "20px"  
  });
});
测试看看‹/›

jQuery CSS参考

有关完整的CSS方法参考,请访问我们的jQuery HTML / CSS参考