jquery隔行变色的代码，应用jquery技术实现表格隔行换色功能,写出

JQuery:如何使table的某一行变色呢?

jquery使用css3选择器“：nth-child(n)”可以快速选择具有一定规律排列的元素，：nth-child(n) 用于匹配属于其父元素的第 n 个子元素，其中n 可以是数字、关键词或公式。

很简单呀，只需要使用.each()方法：概述：ObjectjQuery.each(object， [callback])通用例遍方法，可用于例遍对象和数组。参数：第一个为对象的成员或数组的索引，第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false，其它返回值将被忽略。

首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

这个很简单 (tr).click(function(){ (this).addClass(hover).siblings().removeClass(hover)；})；这样试试，只要你的hover这个样式没问题，我保证就没问题。希望可以帮到你。

相关问答

Q1: jquery奇数偶数背景色

1、两个方法，一个是引用一个jquery库，然后用下面的命令 (document).ready(function(){ (ul li：even).each(function(){ (this).css(background，yellow)；})})；这样就可以定义偶数行的背景色了，奇数行你直接用CSS定义一下就可以了。

2、或许你也可以多写点代码实现，那就是：得到DataGridView里边总行数，然后用总行数余2等不等于0来判断。要是还不明白的话我可以给你写一段代码。希望能帮助你思考程序逻辑，而不是直接给你代码答案。

3、定义一个元素，并将其设置为一个长宽为100px的蓝色方块。保存以上内容，并在浏览器预览效果。为元素设置animate()动画方法，使其被点击之后，在3秒之中实现宽度变大，高度变小，成为一个长方形。保存以上文件，就可以在浏览器预览一个基本的jquery的animate()的颜色效果图。

Q2: css中关于table隔2行变一个颜色?

1、在CSS中可使用：nth-child()选择器来实现表格隔行变色效果。：nth-child()选择器用于根据元素在一组兄弟中的位置来匹配元素；它匹配第n个子元素。语法：其中arg是表示匹配元素的模式的参数；它可以是一个数字（number）、一个关键字（odd 或 even）或一个函数式。

2、以前在做页面显示列表时候，要做一组数据隔行变色，当时不知道，竟然用来了好多js脚本判断，写了许多像下面的例子。

3、新建一个html文件，命名为test.html，用于讲解css如何定义表格内外边框颜色各不相同。在test.html文件内，使用table标签创建一个表格，用于测试。在test.html文件内，设置table标签的class属性为otwo。

jquery隔行变色的代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于应用jquery技术实现表格隔行换色功能,写出、jquery隔行变色的代码的信息别忘了在本站进行查找喔。