js 给div添加、删除class样式

作者:活力源 | 创建时间: 2023-08-08
在制作动态网页时,经常需要动态给Div添加或者删除样式,利用jquery的addClass(id)与deleteClass(id) 添加或者删除class样式...
js 给div添加、删除class样式

操作方法

给div定义为id为myReport ,并绑定onclick事件。 <div id ="myReport"><a onclick="addClass()" href="#">我的报告</a><div>

编写css样式 .active { width:212px;height:45px;border:1px solid #b4b4b4; }

编写js方法,给id为myReport的div 动态添加样式 function addClass() { $("#myReport").addClass("active"); //添加样式 }

编写js方法,给id为myReport的div动态删除样式 function deleteClass() { $("#myReport").deleteClass("active"); //添加样式 }

温馨提示

前提条件是添加jquery的js包
点击展开全文

更多推荐