jquery如何给表格偶数行添加背景颜色

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

jquery如何给表格偶数行添加背景颜色

文章插图

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

文章插图

2在test.html文件中,table标签建立一个八行两列的表格,用于测试 。
jquery如何给表格偶数行添加背景颜色

文章插图

3在css标签内,经由过程width属性设置表格的宽度为250px 。
jquery如何给表格偶数行添加背景颜色

文章插图

4在test.html文件中,利用button标签建立一个按钮,给button绑定onclick点击事务,当按钮被点击时,执行setcc()函数 。
jquery如何给表格偶数行添加背景颜色

文章插图

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

文章插图

6在浏览器打开test.html文件,点击按钮,查看成果 。
jquery如何给表格偶数行添加背景颜色

文章插图

总结:1【jquery如何给表格偶数行添加背景颜色】1、table标签建立一个八行两列的表格,用于测试 。 2、在js标签内,经由过程元素名称tr和":even"选择器获得偶数行对象,并利用css()方式设置它们的布景颜色为红色 。


以上内容就是jquery如何给表格偶数行添加背景颜色的内容啦,希望对你有所帮助哦!

    推荐阅读