2024年12月08日 建站教程
如何利用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");
本文链接:http://so.lmcjl.com/news/19207/