jquery 怎么样实现，点击一个表格(table)的 td时改变其背景颜色
<scripttype="text/javascript"src="jquery.min.js"></script><scripttype="text/javascrip...
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("tr").click(function(){
$(this).css("background","red").siblings().css("background","");
})
})
</script>
<body>
<table>
<tr>
<td>123456</td>
</tr>
</table>
</body>
这个代码只能点击把背景色换成red，但是怎么改改就是再点击就切换回来了？再点又是red 展开
<script type="text/javascript">
$(function(){
$("tr").click(function(){
$(this).css("background","red").siblings().css("background","");
})
})
</script>
<body>
<table>
<tr>
<td>123456</td>
</tr>
</table>
</body>
这个代码只能点击把背景色换成red，但是怎么改改就是再点击就切换回来了？再点又是red 展开
2个回答
展开全部
需要准备的材料分别有：电脑、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，背景颜色变回了原先的白色。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个功能其实很简单，使用jQuery中的toggleClass就可以实现这样的效果，自动切换添加/删除样式类：
$(function(){
$('tr').click(function(){
$(this).toggleClass('red');
//如果需要去除其它兄弟的样式，则可以改成如下：
// $(this).toggleClass('red').siblings().removeClass('red');
});
});需要切换的，使用toggle非常方便
更多追问追答
追问
你好，我按照你改的这样怎么点击不起作用了？是不是那里有问题。还有这里的更换背景色，能否换成背景图片？？？
追答
.red这个CSS样式类你添加了没有？
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
