Jquery实现的table最后一行添加样式的代码

更新时间：2010年05月18日 20:04:57 作者：

有时间需要将表格的最后一行加上样式，方便阅读等需要，需要的朋友可以参考下。

效果如下图所示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>豪情</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <style> .tab{border-collapse:collapse;border:1px solid #9BDF70;} .tab td{border-bottom:1px solid #92B0DD;text-align:center;} .tab th{border-bottom:2px solid #92B0DD;} .tab th.end{border-bottom:2px solid #9BDF70;border-top:2px solid #9BDF70;} .tab tr{height:25px;} </style> <script> $(function(){ $('#tab tr:last').find('th').addClass('end'); }); </script> </head> <body> <table id="tab" class="tab" width=500> <tr> <th>姓名</th> <th>QQ</th> <th>E-mail</th> </tr> <tr> <td>豪情</td> <td>249056406</td> <td>jikeytang@gmail.com</td> </tr> <tr> <td>tony</td> <td>1234567</td> <td>puag@gmail.com</td> </tr> <tr> <td>tony</td> <td>1234567</td> <td>puag@gmail.com</td> </tr> <tr> <td>tony</td> <td>1234567</td> <td>puag@gmail.com</td> </tr> <tr> <td>tony</td> <td>1234567</td> <td>puag@gmail.com</td> </tr> <tr> <th>豪情啊</th> <th>不得了</th> <th>真是的</th> </tr> </table> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

jquery统计输入文字的个数并对其进行判断
判断输入文字个数并提示还可以输入多少个字，类似的功能使用jquery便可轻松实现
2014-01-01
Jquery UI实现一次拖拽多个选中的元素操作
这篇文章主要介绍了Jquery UI实现一次拖拽多个选中的元素操作，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-10-10
查找iframe里元素的方法可传参
查找iframe里面的元素在项目里用的还是比较多的，下面为大家介绍个方法可传参，感兴趣的朋友可以参考下
2013-09-09
Jquery实现仿腾讯微博发表广播
闲来无事做的一个Jquery实现仿腾讯微博发表广播的特效，功能和样子实现了，由于样式是渣渣，所以小伙伴们想直接用的话，还得自己美化下
2014-11-11
Jquery技巧(必须掌握)
这篇文章主要介绍了Jquery技巧(必须掌握)的相关资料,需要的朋友可以参考下
2016-03-03
jQueryUI写一个调整分类的拖放效果实现代码
最近，想用jQuery做一个网页的树目录结构，并且可以使用鼠标拖动调整选项的位置。我在网上找了一下插件，基本上看了好几款比较著名的，都觉得代码太复杂了或者界面太丑了等各种不符合我的要求
2012-05-05
jQuery + html + css 实现王者荣耀官网首页效果&nb
这篇文章主要介绍了jQuery + html + css 实现王者荣耀官网首页效果，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2022-02-02
jquery实现图片左右间隔滚动特效(可自动播放)
图片左右间隔滚动Jquery特效,点击滚动，不点击自动滚动，具体处理程序如下，感兴趣的朋友可以参考下哈，希望可以帮助到你
2013-05-05
jQuery实现时尚漂亮的弹出式对话框实例
这篇文章主要介绍了jQuery实现时尚漂亮的弹出式对话框,可实现非常炫目时尚的弹出式对话框功能,非常具有实用价值,需要的朋友可以参考下
2015-08-08
基于jquery fly插件实现加入购物车抛物线动画效果
在购物网站中，加入购物车的功能是必须的功能，有的网站在用户点击加入购物车按钮时，就会出现该商品从点击出以抛物线的动画相似加入购物车，这个功能看起来非常炫，对用户体验也有一定的提高。下面介绍基于jquery fly插件实现加入购物车抛物线动画效果
2016-04-04