利用js/jquery改变css样式

如何利用js/jquery改变css样式，下面web建站小编给大家详细介绍一下实现代码！

利用js改变css样式

//方法一
document.getElementById("id").style.backgroundColor= "red";

//方法二
document.getElementById("id").style.cssText = "background-color:red;color:White;

//方法三：
document.getElementById("id").setAttribute("class", "style");

//方法四：
document.getElementById("id").setAttribute("href","css.css");

利用jquery改变css样式

方法一：
css("属性名","属性值") //单个
$("div").css("width","0");

方法二：
css({属性名:"属性值",属性名:"属性值"...}) //多个
$("div").css({ width:"0",height:"0",background:"red"});

方法三：
toggleClass("类名")
$("div").toggleClass("menu");