如何让两个单元格背景色联动？

来源：蜘蛛抓取(WebSpider) 时间：2022-06-22 00:40 标签： 表格里两种颜色相错怎么设

（一）利用JQuery完成省市二级联动

第一步：确定事件(change事件),在绑定的函数里面获取用户选择的省份

第二步：创建二维数组来存储省份和城市

第三步：遍历二维数组中的省份(与用户选择的省份进行比较)【使用JQ的遍历操作】

第四步：接着遍历数组中的城市

第五步：创建一个城市文本节点

第六步：创建option元素节点

第七步：将文本节点添加到元素节点中【使用JQ的文档操作方法】

第八步：获取第二个下拉列表并将option元素节点添加进去

第九步：清除第二个下拉列表的option内容

//2.创建二维数组用于存储省份和城市 //9.清除第二个下拉框里的内容 //1.获取选择的省份 //3.进行省份的遍历，找出其下标 //4.遍历数组中的城市 //5.创建城市文本节点 //7.将文本节点添加到元素节点中 //8.将元素节点添加到第二个下拉框下
<!--2.确定事件，通过函数传参的方式拿到改变后的城市-->

 （二）利用JQuery来实现表格隔行换色和全选操作

第一步：引入jquery的类库

第二步：直接写页面加载函数

第三步：直接使用jquery的选择器(组合选择)拿到需要操作的元素(奇数行和偶数行)

第四步：分别使用CSS的方法(css(name,value))对奇数行和偶数行设置背景颜色。

第一步：引入jquery文件

第二步：书写页面加载函数

第三步：为上面的复选框绑定单击事件

第四步：将下面所有的复选框的选中状态设置成跟上面的一致！（attr）

//第一种方法实现隔行换色 //第二种方法利用写好的css实现隔行换色

 （三）轮播图的设置与广告的定时播放与隐藏

第一步：引入jQuery相关的文件

第二步：书写页面加载函数

第三步：在页面加载函数中，获取显示广告图片的元素。

第四步：设置定时操作(显示广告图片的函数)

第五步：在显示广告图片的函数中，使用jQuery的方法让广告图片显示(show())

第六步：清除显示广告图片的定时操作

第七步：设置定时操作(隐藏广告图片的函数)

第八步：在隐藏广告图片的函数中，使用jQuery的方法让广告图片隐藏(hide())

第九步：清除隐藏广告图片的定时操作

第一步：书写轮图片显示的定时操作

第二步：获取图片位置并设置src属性值

//1.书写广告的定时操作 //2.获取广告并让其显示 //3.清除显示图片定时操作 //4.设置隐藏图片的定时操作 //5.获取图片并隐藏 //6.清楚隐藏的定时操作 //1.书写轮图片显示的定时操作 //3.获取图片位置并设置src属性值

对于今天的JQuery的学习做个简要的总结：

首先其功能很强大，还有很多未知的东西值得探索，不过掌握最基本的语法后，再结合相关的操作，就可以按照自己的意图去实现一些东西

我要回帖

更多关于 表格里两种颜色相错怎么设 的文章

 

随机推荐