JQuery 之CSS操作

Posted God is Love

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JQuery 之CSS操作相关的知识,希望对你有一定的参考价值。

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"

});

以上是关于JQuery 之CSS操作的主要内容,如果未能解决你的问题,请参考以下文章

jquery之文档操作

JQuery之操作DOM

jQuery基础之二(操作标签)

jQuery 知识体系

Jquery基础之DOM操作

前端基础之jquery