1. 程式人生 > >jQuery動態設定樣式(style、css)

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);