各位大神,请问如何用jquery或js实现:选中tr 并改变背景色?

各位大神,请问如何用jquery或js实现:选中tr 并改变背景色?,第1张

先在样式表中写好点喊斗渗击的效果,然后在通过JS来添加删除这个样式就可以了,具体看下面这个例子

<!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).addClass('on')

})

})

</script>

<style type="text/css">

*{

padding: 0

margin: 0

}

tr.on td{

background-color: #e5e5e5

}

</style>

</head>

<body>

<table width="100%">

<tr class="on">

<td>sdfas</td>

</tr>

<销轮tr>

<td>sdfas</td>

</tr>

<tr>

<td>sdfas</td>

</tr>

<tr>

<td>sdfas</td>

</tr>

</table>

</郑脊body>

</html>

本篇文章主要是对jquery改变tr背景色的示例代闭春码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

id为tr的ID

设置当前选择行背景色,同时置其他行背轿扒耐景为另一种颜色

代码如下:

$('#id').css("background-color",

"#e5e5e5").siblings().css("background-color",

"#FFFFFF"此喊)


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11991781.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存