javascript 动态修改css样式方法+JQuery中操作Css样式的方法

JS
显示/隐藏

 var img=document.getElementsByName("img");

    function onclick1(){
    for(var i=0;i<img.length;i++){
        img[i].style="display:none";
    }

JS改变背景颜色等

function changeStyle1() {
  var obj = document.getElementById("btnB");
  obj.style.backgroundColor= "black";

}

function changeStyle2() {
   var obj = document.getElementById("btnB");
   obj.style.cssText = "background-color:black; display:block;color:White;

}

JS直接修改样式类名

function changeStyle3() {
  var obj = document.getElementById("btnB");
  //obj.className = "style2"; 这个方法和setAttribute效果相同
  obj.setAttribute("class", "style2");
}

JS创建标签并增加样式

 var spanNew = document.createElement("span");
 spanNew.innerText = "商品价格不能为空";
spanNew.style = "font-size:10px; color: red";
 spanNew.className = "errorMes";

JQ
显示/隐藏

$(".gameDi
alog,.shadow").css("display", "none");

JQ改变位置

 $(function(){
            var t5 = parseInt($(".main .div5").css("top"));
            $(".main .div5").css("top",50+"px");
        })

JQ改变背景颜色

$("#61dh a").css('color','#123456');
 $("#61dh a").hover(function(){
 $(this).css('color','#999');
 },
 function(){
 $(this).css('color','#123456');
});

$("div").css({fontSize:"30px",color:"red"});