利用js/jquery改变css样式

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/

展开阅读全文
相关内容