jquery如何给表格偶数行添加背景颜色
在jquery中,可以使用":even"选择器来给表格偶数行添加背景颜色 。 下面小编以八行两列的表格为例,讲解jquery如何给表格偶数行添加背景颜色 。

文章插图
需要这些哦
jquery+html
代码编纂器:z studio 10.0
方式/
1新建一个html文件,定名为test.html,用于讲解jquery若何给表格偶数行添加布景颜色 。

文章插图
2在test.html文件中,table标签建立一个八行两列的表格,用于测试 。

文章插图
3在css标签内,经由过程width属性设置表格的宽度为250px 。

文章插图
4在test.html文件中,利用button标签建立一个按钮,给button绑定onclick点击事务,当按钮被点击时,执行setcc()函数 。

文章插图
5在js标签内,建立setcc()函数,在函数内,经由过程元素名称tr和":even"选择器获得偶数行对象,并利用css()方式设置它们的布景颜色为红色 。

文章插图
6在浏览器打开test.html文件,点击按钮,查看成果 。

文章插图
总结:1【jquery如何给表格偶数行添加背景颜色】1、table标签建立一个八行两列的表格,用于测试 。 2、在js标签内,经由过程元素名称tr和":even"选择器获得偶数行对象,并利用css()方式设置它们的布景颜色为红色 。
以上内容就是jquery如何给表格偶数行添加背景颜色的内容啦,希望对你有所帮助哦!
推荐阅读
- jquery中:not选择器有什么用途
- wpsppt中如何制作蓝灰极简风过渡页面
- wpsppt中如何制作蓝色微粒体目录样式
- wpsppt中如何进行商务通用型段落排版
- wpsppt中如何制作蓝色简约线条型目录
- wpsppt中如何制作简约商务风目录
- 绿洲app如何设置学校消息
- wps演示中如何制作心电图形时间轴
- 禅定空间如何开启/关闭禁用下拉状态栏
- wps演示中如何制作不规则色块封面