快捷導(dǎo)航

jQuery表格行換色的三種實(shí)現(xiàn)方法

更新時(shí)間：2011年06月27日 20:35:52 作者：

一般情況下使用第二種方法是可以的，但是遇到表格行可以拖拽的情況，那么就會(huì)出現(xiàn)BUG了，這個(gè)自行測試就知道了。

 
$('tr').hover(function(event) { 
$(this)[ (event.type == 'mouseenter' ? 'add' : 'remove') + 'Class' ]('test'); //test是樣式 
}); 

$('tr').hover(function(event) { 
$(this).toggleClass('test'); //test是樣式 
}); 

$('tr').hover(function(){ 
$(this).addClass('test'); //test是樣式 
},function(){ 
$(this).removeClass('test'); //test是樣式 
}); 

注：一般情況下使用第二種方法是可以的，但是遇到表格行可以拖拽的情況，那么就會(huì)出現(xiàn)BUG了，這個(gè)自行測試就知道了。

您可能感興趣的文章:

相關(guān)文章

jQuery實(shí)現(xiàn)帶漸顯效果的人物多級(jí)關(guān)系圖代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)帶漸顯效果的人物多級(jí)關(guān)系圖,可實(shí)現(xiàn)多種關(guān)系的顯示及點(diǎn)擊后漸顯切換效果,涉及jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)修改頁面元素顯示效果的相關(guān)技巧,需要的朋友可以參考下
2015-10-10
Jquery uploadify上傳插件使用詳解
這篇文章主要介紹了JQuery上傳插件Uploadify使用，文章給出詳細(xì)的步驟來實(shí)現(xiàn)一個(gè)簡單的上傳功能，感興趣的小伙伴們可以參考一下
2016-01-01
jQuery AJAX實(shí)現(xiàn)調(diào)用頁面后臺(tái)方法和web服務(wù)定義的方法分享
jQuery AJAX實(shí)現(xiàn)調(diào)用頁面后臺(tái)方法和web服務(wù)定義的方法分享，需要的朋友可以參考下
2012-03-03
jQuery對下拉框,單選框,多選框的操作
這篇文章主要介紹了jQuery對下拉框,單選框,多選框的操作需要的朋友可以過來參考下，希望對大家有所幫助
2014-02-02
JQuery Tips(4) 一些關(guān)于提高JQuery性能的Tips
如今咱祖國已經(jīng)崛起了..電腦的配置也是直線上升.可是js的性能問題依然不可小覷..尤其在萬惡的IE中..js引擎速度本來就慢..如果JS如果再寫不好，客戶端多開幾個(gè)窗口假死肯定是家常便飯了.廢話不說了，下面說說js性能提升的一些小Tips.
2009-12-12
JQuery中form驗(yàn)證出錯(cuò)信息的查看方法
JQuery中form驗(yàn)證出錯(cuò)，可以采用以下方式來查看具體input的出錯(cuò)信息，下面有個(gè)不錯(cuò)的示例，有類似情況的朋友可以參考下
2013-10-10
jQuery使用bind動(dòng)態(tài)綁定事件無效的處理方法
今天小編就為大家分享一篇關(guān)于jQuery使用bind動(dòng)態(tài)綁定事件無效的處理方法，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧
2018-12-12
查找iframe里元素的方法可傳參
查找iframe里面的元素在項(xiàng)目里用的還是比較多的，下面為大家介紹個(gè)方法可傳參，感興趣的朋友可以參考下
2013-09-09
jquery實(shí)現(xiàn)左右無縫輪播圖
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)左右無縫輪播圖的具體代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-05-05
詳解jQuery插件開發(fā)中的extend方法
這篇文章主要介紹了jQuery插件開發(fā)中的extend方法，有需要的朋友可以參考一下
2013-11-11