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实现的简单拖拽功能,结合实例形式分析了jQuery鼠标事件响应及页面元素动态修改相关技巧,需要的朋友可以参考下
2016-09-09
jQuery插件实现手风琴二级菜单
这篇文章主要为大家详细介绍了jQuery插件实现手风琴二级菜单，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-10-10
jQuery将所有被选中的checkbox某个属性值连接成字符串的方法
这篇文章主要介绍了jQuery将所有被选中的checkbox某个属性值连接成字符串的方法,可实现将选中属性值连接成字符串的功能,具有一定参考借鉴价值,需要的朋友可以参考下
2015-01-01
jQuery on()方法使用技巧详解
这篇文章主要介绍了jQuery on()方法使用技巧详解,本文讲解了trigger()绑定、多个事件绑定同一个函数、多个事件绑定不同函数、绑定自定义事件、传递数据到函数等技巧,需要的朋友可以参考下
2015-04-04
jQuery选择器用法介绍
这篇文章介绍了jQuery选择器的用法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-03-03
jQuery UI组件介绍
这篇文章介绍了jQuery的UI组件，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-06-06
jquery动画效果学习笔记（8种效果）
这篇文章分享了一份jquery动画效果学习笔记，针对jquery动画效果进行细致解析，对淡入淡出效果、滑动效果进行原理讲解，想要学好jquery动画效果，就耐心阅读本文，相信大家会有意想不到的收获。
2015-11-11
jQuery插件FusionCharts实现的3D柱状图效果实例【附demo源码下载】
这篇文章主要介绍了jQuery插件FusionCharts实现的3D柱状图效果,结合具体实例形式详细分析了FusionCharts插件绘制3D柱状图的具体步骤与相关操作技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下
2017-03-03
Jquery实现三层遍历删除功能代码
遍历每一行的同时一定要记住这里是gridviewrow不是datarow，找到这个选中项在执行删除
2013-04-04
jQuery+PHP实现微信转盘抽奖功能的方法
这篇文章主要介绍了jQuery+PHP实现微信转盘抽奖功能的方法,详细分析了抽奖程序界面设计、前台jQuery交互、后台概率算法等抽奖功能相关技巧,需要的朋友可以参考下
2016-05-05

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具