jquery如何实现点击按钮切换背景色

2025-04-10 22:46:24

1、在编辑器内新建一个stduy.html，用来学习今天的内容

2、在页面头部引入jquery,然后在body标签内加上一个div标签和一个按钮

3、在style标签内给div加上样式

4、在script标签内加上点击按钮切换背景色的代码

5、在浏览器里打开stduy.html，发现点击按钮可以切换背景色

6、最后贴一下代码：<!DOCT孢亨槐溲YPE 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。