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

 时间:2026-02-12 16:27:36

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

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

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

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

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

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

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

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

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

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

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

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

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>

  • 怎么让DIV在另一个DIV里靠底部显示
  • HTML怎么添加滚动条
  • css如何通过实现让文字在框内水平垂直都居中?
  • HTML中引入css和js的方法
  • HTML怎么实现网页跳转
  • 热门搜索
    win7运行怎么打开 停当的近义词 ps怎么制作海报 脸上长痘痘怎么消除 屏幕保护程序怎么设置 坚持不懈的近义词 下身有异味怎么办 创维电视质量怎么样 脚底痛是怎么回事 四川博物馆