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

 时间:2024-10-12 17:55:55

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

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

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

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

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

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

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>

  • 怎么让DIV在另一个DIV里靠底部显示
  • HTML怎么添加滚动条
  • css如何通过实现让文字在框内水平垂直都居中?
  • HTML中引入css和js的方法
  • HTML怎么实现网页跳转
  • 热门搜索
    苏州东山旅游攻略 马来西亚旅游注意事项 西部旅游 南岳衡山旅游 境内旅游 厦门鼓浪屿旅游景点 广西旅游攻略自助游 承德 旅游 大别山旅游 长治旅游景点大全