首页 > 网络编程 > JavaScript > javascript类库 > jquery > Jquery table 最后一行 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动态给table添加、删除行 改进版jQuery插件dataTables添加序号列的方法使用jquery为table动态添加行的实现代码jQuery增加与删除table列的方法jquery对table中各数据的增加、保存、删除操作示例JQuery DataTable删除行后的页面更新利用Ajax解决jQuery给指定的table动态添加删除行的操作方法
