jquery css 设置table的奇偶行背景色

最新推荐文章于 2022-06-22 10:14:36 发布

小步快跑-

最新推荐文章于 2022-06-22 10:14:36 发布

阅读量2.5k

点赞数

分类专栏： html div+css 页面样式 web前端文章标签： css CSS html Html HTML jquery jQuery JQUERY Jquery JQuery table web Web WEB

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/chinaplan/article/details/8259628

版权

web前端同时被 2 个专栏收录

56 篇文章 0 订阅

订阅专栏

html div+css 页面样式

17 篇文章 0 订阅

订阅专栏

<style>
.even{background:#FFF38F;}
.odd{background:#FFFFEE;}
.selected{background:#FF9900;}
</style>

<script type="text/javascript">
$(function(){
  $("tr:odd").addClass("odd");
  $("tr:even").addClass("even"); 
 });
</script>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小步快跑-

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

JQuery和JS实现奇偶行不同背景颜色

rotating_windmill

11-17

1645

JQuery实现: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> New Web Project $(function(){ //可以是:$('#t1 tbody tr:even').

jquery css 设置table的奇偶行背景色示例

10-25

jquery css 设置table的奇偶行背景色

参与评论您还未登录，请先登录后发表或查看评论

利用jQuery的组合实现表格的奇偶行背景色，并设置鼠标移动到表格行上时行的背景色。

L_w_J_的博客

05-14

1385

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/jquery-1.11.0.js"></s

jq匹配偶数行_jquery怎么实现奇偶行不同背景颜色？

weixin_39562579的博客

12-20

419

做表格的时候，经常要让奇偶行显示不同背景色，一来使表格显得更美观，二来使同行数据查找更快捷方便。通常我们是怎么实现的呢？就是在每个tr标签上加css样式。代码如下所示：.odd {background-color:yellow;}.even {background-color:red;}No.10001No.20002No.30003No.40004显示效果：但是假设表格有上百行甚至上千行，同时不...

JQuery来控制表格奇偶行的不同背景颜色显示

lishirong_李世荣的专栏

12-02

3383

概述：JQuery通过操作DOM来控制页面的显示。来看代码： jQuery使不同行变不同的颜色 --> .odd{background-color:#FFCCFF;} .even{ background-color:#CCFFFF;} .highlight{background-color:00FF00;} $(document).ready(functi

jQuery实现表格奇偶行显示不同背景色 就这么简单

10-20

在网页设计中，为了提升用户体验，常常需要对表格（table）的行进行美化，使得奇偶行显示不同的背景色。这样做不仅可以使表格看起来更整洁，还可以帮助用户更快地定位到同一行的数据。jQuery 提供了一个非常简洁高效...

jquery实现奇偶行赋值不同css值

12-09

在网页设计中，为了提高可读性和视觉效果，经常需要为表格中的行设置不同的背景颜色。这可以通过CSS（层叠样式表）实现，但当涉及到动态效果或响应式设计时，JavaScript库如jQuery就能派上用场。在这个场景中，我们...

利用jQuery和JS实现奇偶行背景颜色自定义效果

David_Tsai23的专栏

02-13

926

利用jquery实现 "http://www.w3.org/TR/html4/loose.dtd"> http://www.w3.org/1999/xhtml"> New Web Project $(function(){ //可以是:$('#t1 tbody tr:even').css('background','red'); $('#t1

使用jquery实现如下界面效果（表格，奇偶行颜色不同）

scscdstfxqxxzqqc的博客

03-31

3028

使用jquery实现如下界面提示： 1、奇数行背景色：#FFF38F；偶数行背景色：#FFFFEE;选中行：#FF6500 2、选中行时，设置单选框选中状态代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8">  <script src="../js/jquery.min.js" type="text/javascrip

如何用jquery控制表格奇偶行及活动行颜色

年华

08-10

477

先定义好表格的奇偶行样式，如下代码： body { font-size:12px; } th { color: #FFFFFF; background: #A172AC; } table,table td,table th { padding: 0.5em; margin: 0; border:0; border-spacing:0

点击按钮，表格隔行变色：偶数行为黄色背景，奇数行为默认颜色。通过table的getElementsByTagName取得所有的tr，依次遍历，如果是偶数就…………。

C#.NET专栏

04-26

2083

window.onload = function () { document.getElementById('btn').onclick = function () { var trs = document.getElementById('tb').getElementsByTagName('tr');

jquery怎么设置表格奇偶行不同的颜色？

qq_45991812的博客

06-22

1550

在jQuery中使用“$("tr:odd").css("background-color","颜色")”与“$("#tr:even").css("background-color","颜色")”即可设置表格奇偶行颜色不同。

php输出table表格奇偶行不同颜色,利用jQuery完成表格的增加删除和修改及设置奇偶行颜色...

weixin_39653766的博客

03-10

395

最近一周在学了一点点HTML, CSS, javascript，用javascript的jquery完成了一个简单的表格操作，有增加、删除和修改功能。表格分三列，第一列是学生编号(ID号)，第二列是学生姓名，第三列为学生年龄。在姓名和年龄框内输入数据，再点“Add”就可以增加数据(ID号会自动递增的生成)，输入ID号再输入新的姓名和年龄点“Edit”就可以修改，删除的话输入ID号就点“Delete...

Layui设置table指定行的背景色

eaziyytt的专栏

09-26

5337

效果如图所示根据行里的不同列的内容设置不同行的背景色。在done回调函数中写如下代码： done: function(res, curr, count) { let even_color = "#cafafa"; //单元数是偶数的行背景颜色 let odd_color = "#f5fff5"; //单元数是奇数的行背景颜色 let hover_color = "#85da00"; //鼠标悬停的行背景颜色 res.data.forEach(functi.

jQuery 案例，表格偶数行背景灰色，鼠标划入背景颜色加深，划入奇数列有过渡出现其他颜色

责任与担当

06-25

1101

$("tr").each(function(index,item){ //遍历tr if(index%2===0){ //下标除去2，判断偶数，0/2=0,2/2=0 $(item).css("backgroundColor","rgba(0,0,0,0.1)").hover(function(){ //这个是hover进入函数，这...

table 奇行偶行

weixin_33841503的博客

12-11

135

jquery 方法： $("tr:odd").//偶行 $("tr:even") //奇行转载于:https://www.cnblogs.com/RonnieQin/p/8024410.html

layui设置table的各种背景色