在写前端页面时，会遇到点击按钮切换背景色的需求，今天给大家介绍下jquery如何实现点击按钮切换背景色品牌型号：华硕S14系统版本：window10家庭版方法/步骤1/6分步阅读

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

2/6

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

3/6

在style标签内给div加上样式

4/6

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

5/6

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

6/6

最后贴一下代码：

!DOCTYPE html

html

head

meta charset=utf-8

titlejquery如何实现点击按钮切换背景色/title

script src=jquery.min.js/script

/head

style

div{

width: 200px;

height: 200px;

}

/style

body

div/div

button点击切换颜色/button

/body

script

var color =

var index = 0

$(button).click(function(){

if(indexcolor.length-1)index = 0

$(div).css(background,color)

index++

})

/script

/html

注意事项

index是动态增加的

给个赞呗~

JQUERYHTMLCSSDIV