欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jQuery动态设置样式(style、css)

程序员文章站 2022-04-29 13:52:37
...

jQuery动态设置样式(style、css)
一、jQuery设置css样式

<div style="background-color:#ffffff;padding-left:10px;">测试jQuery动态获取padding-left</div>  

1、用css()方法返回元素的样式属性

$("div").css("padding-left"));  

2、用css()设置样式

$("div").css("color","yellow");  

3、设置多个样式

$("div").css({"background-color":"yellow","font-size":"200%"});  
var css = {  
    background-color: '#EEE',  
    height: '500px',  
    margin: '10px',  
    padding: '2px 5px'  
};  
$("div").css(css);  
相关标签: CSS HTML