jq、js 修改css

//=====================jq==========================

//修改多个

$("div").css({
                  "color":"white",
                "background-color":"#1E90FF"
 }); 

//修改单个

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

 

//1、获取和设置样式

$("#tow").attr("class")获取ID为tow的class属性

$("#two").attr("class","divClass")设置Id为two的class属性。

//2、获取css样式中的样式

$("div").css("color") 设置color属性值. $(element).css(style)

 

//=====================js==========================

var div= document.getElementById("bott_tables");

1. 直接设置style的属性  某些情况用这个设置 !important值无效

如果属性有'-'号，就写成驼峰的形式（如textAlign）  如果想保留 - 号，就中括号的形式  

  div.style['text-align'] = '100px';

div.style.height = '100px';

2. 直接设置属性（只能用于某些属性，相关样式会自动识别）

div.setAttribute('height', 100);

3. 设置style的属性

div.setAttribute('style', 'height: 100px !important');

4. 用cssText

div.style.cssText='width:600px;border:1px red solid;text-align: center;';

5. 用setProperty()

 div.style.setProperty('width','700px');