js 给div添加、删除class样式
在制作动态网页时,经常需要动态给Div添加或者删除样式,利用jquery的addClass(id)与deleteClass(id) 添加或者删除class样式
操作方法
- 01
给div定义为id为myReport ,并绑定onclick事件。 <div id ="myReport"><a onclick="addClass()" href="#">我的报告</a><div>
- 02
编写css样式 .active { width:212px;height:45px;border:1px solid #b4b4b4; }
- 03
编写js方法,给id为myReport的div 动态添加样式 function addClass() { $("#myReport").addClass("active"); //添加样式 }
- 04
编写js方法,给id为myReport的div动态删除样式 function deleteClass() { $("#myReport").deleteClass("active"); //添加样式 }
赞 (0)