jquery如何实现点击按钮切换背景色
1、在编辑器内新建一个stduy.html，用来学习今天的内容
2、在页面头部引入jquery,然后在body标签内加上一个div标签和一个按钮
3、在style标签内给div加上样式
4、在script标签内加上点击按钮切换背景色的代码
5、在浏览器里打开stduy.html，发现点击按钮可以切换背景色
6、最后贴一下代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jquery如何实现点击按钮切换背景色</title>
<script src="jquery.min.js"></script>
</head>
<style>
div{
width: 200px;
height: 200px;
}
</style>
<body>
<div></div>
<button>点击切换颜色</button>
</body>
<script>
var color =['red','green','black','white']
var index = 0
$("button").click(function(){
if(index>color.length-1)index = 0
$("div").css('background',color[index])
index++
})
</script>
</html>
声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。
阅读量：166
阅读量：35
阅读量：50
阅读量：174
阅读量：131