当前位置: jquery教程 > 01-hellojquery > 阅读正文

jquery控制css样式

2021.5.27.   385 次   363字

jq操作 css, 相当于原生js的 .style.属性值

获取css属性值

使用 .css(“属性名”), 以获得指定的属性值

以下代码将获取 p 元素的 “背景颜色”

$("p").css("background-color");

设置css属性

使用 jquery 控制 css 非常简单, 例如

$("#div1").css("backgroundColor","pink");

即, 使用 $(“选择器”).css(“属性名”,”属性值”);

使用 jquery 控制 css 效率非常高

设置多个css属性

如果一次指定多个css属性, 那么语法需要改变一下, 需要加冒号和逗号

使用语法 –> “属性名1” : “属性值1” , “属性名2” : “属性值2” …..

$("p").css({"background-color":"yellow","font-size":"200%"});

本篇完,还有疑问?

加入QQ交流群:11500065636 IT 技术交流群