1、新建HTML文件。
2、引入jquery.min.js文件。
3、创建div和按钮并添加class样式。
4、接下来需要创建css样式。
5、创建js点击事件。
6、当点击按钮移除div元素。
7、点击按钮效果如图所示。
扩展资料
1、<body></body>所有div应该都放在body里面 应该这个才是内容区你把他们反正不是头和内容直接，网页解析肯定会出错的。
2、样式区域<style> 在里面必须加上type="text/css"这样才能搞错浏览器这部分为CSS样式部分，用CSS去解析而不是HTML。
3、内容区镶套了大量的多余DIV这属于多DIV症，这样会导致页面镶套混乱，然后加上你的那多浮动会出现做迷藏事件。
4、浮动后没有清楚浮动这样会产生很多的影响。
其实js很不好用的，一般都使用jquery来写，改变样式的话我会使用两种方法
使用jquery中的.css()函数改变样式，这中方法很好用，可以在触发事件的时候任意操作某个元素的样式。
自定义一个class名字，比如.yangshi{} ,在触发的事件里使用 .addclass()和.removeClass() 两个函数添加或者删除某一个class类。达到切换样式的目的，这种方法比较清晰有条理。下面给出我写的一段jquery 代码。 这个的意思是，.box元素的鼠标进入会添加一个class类yangshi，离开的时候会删除这个class类
<script>
$(function(){
$(".box").mouseover(function(){
$(this).addClass("yangshi")
})
$(".box").mouseout(function(){
$(this).removeClass("yangshi")
})
})
</script>
