jquery 怎么样实现，点击一个表格(table)的 tr 时改变其背景颜色
jquery 怎么样实现，点击一个表格(table)的 tr 时改变其背景颜色，点击下一个tr时，上一个tr背景变回原来的背景,当前点击的这个tr背景改变。
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。
2、在index.html中的<script>标签，输入jquery代码：
$('td').click(function(){
if ($(this).css('background-color') === 'rgb(255, 0, 0)') {
$(this).css('background-color', 'white');
} else {
$(this).css('background-color', 'red');
}
});
3、浏览器运行index.html页面，点击td，背景颜色变为红色。
4、再次点击td，背景颜色变回了原先的白色。
var pre;//原来的节点，假设原来的背景颜色为白色，点击变为#e6f0fc
function selectArow(sObject) {
$(sObject).attr("style", "BACKGROUND-COLOR: #e6f0fc");
if (pre != null && pre != sObject) $(pre).attr("style", "BACKGROUND-COLOR: white");
pre = sObject;
}
</script>
<table id="tb">
<tr onclick="selectArow(this);"> </tr>
<tr onclick="selectArow(this);"> </tr>
<tr onclick="selectArow(this);"> </tr>
</table>本回答被提问者和网友采纳
<script type="text/javascript">
//>![CDATA[
$(function(){
$("tr").click(function(){
$(this).css("background","red").siblings().css("background","");
})
})
//]]>
</script>
<body>
<table>
<tr><td>KH20100914***</td><td>enozoom</td><td>集团大客户</td></tr>
<tr><td>KH20100914***</td><td>enozoom</td><td>集团大客户</td></tr>
<tr><td>KH20100914***</td><td>enozoom</td><td>集团大客户</td></tr>
<tr><td>KH20100914***</td><td>enozoom</td><td>集团大客户</td></tr>
</table>
</body>
参考资料：www.enozoom.com
<script type="text/javascript">
$(document).ready(function(){
$("#tb.abc").click(function(){
$(".abc").css({"background-color":"yellow"});
});
});
</script>
<table id="tb"><tr class="abc">
jquery 怎么样实现,点击一个表格(table)的 tr 时改变其背景颜色
1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。2、在index.html中的<script>标签，输入jquery代码：('td').click(function(){ if ($(this).css('background-color') === 'rgb(255, 0, 0)') { (this).css('background-color', 'white');} else { (this)....
各位大神,请问如何用jquery或js实现:选中tr 并改变背景色?
<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>Document<\/title> <script type="text\/javascript" src="..\/jquery-1.9.1.min.js"><\/script> <script type="text\/javascript"> (function(){ ('table tr').click(function(){ ('table tr').removeClass('on');(this).addCl...
jquery在操作Table的TR行的时候,怎么实现只能点击一行变色。求助_百 ...
('tr').click(function(){ (this).addClass("hover").siblings().removeClass("hover");});这样试试，只要你的hover这个样式没问题，我保证就没问题。希望可以帮到你。
jquery遍历表格,为每一行增加背景色,请教!
("table tr:odd").css("background","#eee");这样就能实现奇偶行颜色不同了。选择器里面的table可以换成你需要的table的id，比如$("#my_table tr:even")
...那一行就换一个背景色。用 jquery \/ js 怎么做?
IE历史版本对于hover这个CSS伪类的解析只能识别在a:href标签上面，其它的一概不认识。jQuery做过兼容了，直接jQuery("tr").hover(function(){jQuery(this).css({'background':'#ccc'});},function(){jQuery(this).css({'background':'none'});});hover中两个function参数分别对应: mouseover和...
jquery怎么操作table 一列文字同另一列文字比较然后根据大小不同改变颜...
('table tr').each(function(){ if( $(this).find("td").eq(0) ==$(this).find("td").eq(1)){ }else{ \/\/不想等，进行变色 (this).find("td").eq(1).css("background","green")} })经过这样的判断，就可以对表格进行操作。主要有两个知识点。一个是你要回jquery选择器，...
求用JS或jquery实现点击表格同步变色
DOCTYPE html><html><head><meta charset="UTF-8"><title>Document<\/title><style>.tab1,.tab2{border-collapse: collapse;border:none;width:200px;}.tab1 td,.tab2 td{border:1px solid #000;text-align: center;}.tab1 td{cursor: pointer;}.tab2{margin-left:40px;}.bg1{ backg...
jQuery怎么做可以点击表格一整条tr跳转页面?
可以判断这个td的index是不是最后一个，不是最后一个就跳转，简单代码如下：("#table").on("click", "td", function(){if( $(this).index() != $(this).parent().children().length - 1 ){window.location="newurl";}})
jquery easyui怎么改变背景颜色
当listprice值大于50时，将为该行设置不同的颜色。数据网格（datagrid）的rowStyler函数的设计目的是允许您自定义行样式。以下代码展示如何改变行样式：<tableid="tt"title="DataGrid"style="width:600px;height:250px"url="data\/datagrid_data.json"singleSelect="true"fitColumns="true"><thead><tr><...
html的table中有一列状态,如果状态是未完成,就把整行的字体颜色设置为红...
这个需要用js脚步实现，你可以在加载数据时下判断状态是未完成的，如果是，则将<tr style="backcolor:red;">...<\/tr>
