
如何利用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");
span点击事件后实现点击事件禁用(类似按钮disabeld方法)
上面是“利用js/jquery改变css样式”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。
当前网址:https://m.ipkd.cn/webs_2648.html
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

el-table鼠标经过显示图标,移出隐藏
新红官网:一款新榜旗下推出的小红书数据分析工具
一款专为科研人员设计的AI深度文献检索工具——Ai2 PaperFinder