Jquery實現(xiàn)的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>  <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>  </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需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

jQuery實現(xiàn)的簡單拖拽功能示例
這篇文章主要介紹了jQuery實現(xiàn)的簡單拖拽功能,結合實例形式分析了jQuery鼠標事件響應及頁面元素動態(tài)修改相關技巧,需要的朋友可以參考下
2016-09-09
jQuery插件實現(xiàn)手風琴二級菜單
這篇文章主要為大家詳細介紹了jQuery插件實現(xiàn)手風琴二級菜單，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-10-10
jQuery將所有被選中的checkbox某個屬性值連接成字符串的方法
這篇文章主要介紹了jQuery將所有被選中的checkbox某個屬性值連接成字符串的方法,可實現(xiàn)將選中屬性值連接成字符串的功能,具有一定參考借鑒價值,需要的朋友可以參考下
2015-01-01
jQuery on()方法使用技巧詳解
這篇文章主要介紹了jQuery on()方法使用技巧詳解,本文講解了trigger()綁定、多個事件綁定同一個函數(shù)、多個事件綁定不同函數(shù)、綁定自定義事件、傳遞數(shù)據(jù)到函數(shù)等技巧,需要的朋友可以參考下
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實現(xiàn)的3D柱狀圖效果實例【附demo源碼下載】
這篇文章主要介紹了jQuery插件FusionCharts實現(xiàn)的3D柱狀圖效果,結合具體實例形式詳細分析了FusionCharts插件繪制3D柱狀圖的具體步驟與相關操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2017-03-03
Jquery實現(xiàn)三層遍歷刪除功能代碼
遍歷每一行的同時一定要記住這里是gridviewrow不是datarow，找到這個選中項在執(zhí)行刪除
2013-04-04
jQuery+PHP實現(xiàn)微信轉(zhuǎn)盤抽獎功能的方法
這篇文章主要介紹了jQuery+PHP實現(xiàn)微信轉(zhuǎn)盤抽獎功能的方法,詳細分析了抽獎程序界面設計、前臺jQuery交互、后臺概率算法等抽獎功能相關技巧,需要的朋友可以參考下
2016-05-05