jquery 怎么样实现，点击一个表格(table)的 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，背景颜色变回了原先的白色。

1、定义一个表格table，其中包含<tr><td>子标签

2、设置单元格颜色，只需利用css属性background-color添加在td上。

3、设置宽度，只需直接给td加上width属性。

示例：

<table border=1 cellSpacing=5 cellPadding=5>

<tr><td style="background-color:red">第一行第一个</td><td width="300px">第一行第二个</td></tr>

<tr><td>第二行第一个</td><td>第二行第二个</td></tr>

</table>

---