jquery点击表格行换色，利用jquery选择器制作一个隔行变色的表格

求用JS或jquery实现点击表格同步变色

逻辑很简单，如果是图片的话，就是不停地换图片。比如点击女之后，女这块图片变成绿色图片，男那边图片变成黑色图片。如果用符号做逻辑也是一样的，点击之后两个项目都变色，一个变成绿色、另一个变成黑色。

在test.html文件内，设置p标签的id为mytest，主要用于下再通过该id获得p标签对象。在test.html文件内，使用button标签创建一个按钮，按钮名称为“添加一个a标签”。在test.html文件内，给button按钮绑定onclick点击事件，当按钮被点击时，执行addaa（）函数。

BBB 和 CCC 这两行会变成红色 AAA124XXXBBB-66YYYCCC-95ZZZ如果你使用 jQuery，那可以更简单一些。没有的话就用上面的原生 JavaScript 代码。

相关问答

Q1: 用Jquery制作一个4*4的表格点击每列的时候需要给下一列填充颜色点击最后...

如下图所示，H列有一些数字，怎样才能让I列根据这些数字显示不同的颜色？选中I4单元格，点击菜单栏条件格式，在下拉列表中选择新建规则，打开新建规则对话框。在新建规则对话框中，在选择规则类型中，选择最下面的“使用公式确定要设置格式的单元格”选项。

然后输入公式：=$B4=一年级，点击格式按钮。然后在出现的窗口中设置填充颜色，如图所示。返回主设置界面，点击确定按钮。在选中B4单元格的情况下，点击开始菜单中的格式刷按钮，将设置的格式刷给其它单元格，如图所示。

首先，先打开Excel程序，新建一张表格，然后选择一个空白单元格，在上方菜单点击“数据”，然后点击“数据有效性”。然后，在弹出的对话框中，在允许（A）选择“序列”，“来源”位置备注上名称。然后在表格中找两列填写上对应的内容，注意一一对应。

首先打开excel表格，在表格上方的工具栏中找到“视图”选项。点击进入“视图”后，找到其中的“阅读模式”选项。然后点击“阅读模式”的下拉菜单，选择需要高亮显示的颜色，例如选择黄色。选择后点击页面中任意单元格，可以看到横行和竖列都会显示同一颜色的高亮。

让F1=D1 然后条件格式，=400时为红色，介于400于200之间为橙色，介于200于70之间为黄色...请点击输入图片描述 即可。

新建一个html文件，命名为test.html。在test.html文件内，使用p标签创建一个区域，下面将在p标签内添加一个a标签。在test.html文件内，设置p标签的id为mytest，主要用于下再通过该id获得p标签对象。在test.html文件内，使用button标签创建一个按钮，按钮名称为“添加一个a标签”。

Q2: jquery遍历表格,为每一行增加背景色,请教!

浏览器运行index.html页面，点击td，背景颜色变为红色。再次点击td，背景颜色变回了原先的白色。

首先选中要设置隔行填色的区域，如示例所选择的区域是：A1：I1点击开始菜单——条件格式——新建规则命令。在新建格式规则对话框，点击使用公式确定要设置格式的单元格，并输入公式：=MOD(ROW($A1)，2)=1，点击格式命令，选择单元格的填充颜色为绿色。

你好楼主，你的这句：(this).css(background-position，bg_loc-100)；这样每个Li的背景位置还是一样啊！你的bg_loc这个变量你上面定义了是0，没有递增，背景一直是一样的吧！JQ可以这样写。

要设置WORD表格中某一行的背景色，需要设置该行的“底纹”颜色。方法步骤如下：打开需要设置的WORD文档，选中需要设置背景色的单元格，点击鼠标右键，在弹出的菜单中选中“边框和底纹”。在“边框和底纹”设置页面，点击“底纹”标签栏，进入底纹设置界面。

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

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

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

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

4、(table tr).each(function(){ if( $(this).find(td).eq(0) ==$(this).find(td).eq(1)){ }else{ //不想等，进行变色 (this).find(td).eq(1).css(background，green)} })经过这样的判断，就可以对表格进行操作。主要有两个知识点。

Q4: 用jQuery写一个表格,按下去会改变背景颜色,并输入到input中~

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

解决如下：给对应的field加入formatter数据，然后方法里面可以一个input html 我不知道你说的是不是一整行能够进行编辑的；如果是，就给field设置editor：text，就能够加入你想要的input框。

新建并保存一个html文档，进入html代码编辑页面。写一个input文本输入框，并定义ID，然后写一个按钮，并定义ID。要做的效果就是点击按钮为输入框赋值，然后把输入框和按钮的css样式写好，不写样式也可以。

这段jquery代码可以保持一个文本框输入的同时另外一个文本框与之同步：var $inputs = $(.example-input)；===$inputs.keyup(function(==={$inputs.val($(this).val())；})；jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。

jquery点击表格行换色的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于利用jquery选择器制作一个隔行变色的表格、jquery点击表格行换色的信息别忘了在本站进行查找喔。