JQuery 之CSS操作

时间:2023-01-15 02:44:01

JQuery 之CSS操作

设置 <p> 元素的颜色:

将所有段落的颜色设为红色

$(".btn1").click(function(){

$("p").css("color","red");

});

设置多个 CSS 属性/值对

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

把"名/值对"对象设置为所有匹配元素的样式属性。

这是一种在所有匹配的元素上设置大量样式属性的最佳方式。

实例

$("p").css({

"color":"white",

"background-color":"#98bf21",

"font-family":"Arial",

"font-size":"20px",

"padding":"5px"

});