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参考。