jquery 表格（鼠标悬停改变改变行背景+隔行换色）
生活随笔
收集整理的這篇文章主要介紹了
jquery 表格（鼠标悬停改变改变行背景+隔行换色）
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
NUM1：鼠標(biāo)懸停改變改變行背景；
NUM2:隔行換色；
HTML：
<table border="1"><thead><tr><th>姓名</th><th>年齡</th><th>性別</th></tr></thead><tbody><tr><td>小文</td><td>20</td><td>男</td></tr><tr><td>小李</td><td>21</td><td>男</td></tr><tr><td>小慧</td><td>21</td><td>女</td></tr><tr><td>琪琪</td><td>19</td><td>女</td></tr><tr><td>小勇</td><td>22</td><td>男</td></tr><tr><td>馨兒</td><td>23</td><td>女</td></tr><tr><td>小鵬</td><td>21</td><td>男</td></tr><tr><td>鴨梨山大</td><td>30</td><td>男</td></tr></tbody></table>CSS：
.hover{background-color: #00f;color: #fff;}?
NUM1's?jquery code：
$('tbody tr').hover(function(){$(this).find('td').addClass('hover');}, function(){$(this).find('td').removeClass('hover');});?
NUM2's Jquery code：
$('tbody tr:odd').addClass('hover');?
?
?
轉(zhuǎn)載于:https://www.cnblogs.com/wenzichiqingwa/archive/2012/12/03/2799271.html
總結(jié)
以上是生活随笔為你收集整理的jquery 表格（鼠标悬停改变改变行背景+隔行换色）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： poj 1338 优先队列
- 下一篇： WinForm 窗体圆角、平角（不规则窗