jQuery實現table隔行換色和鼠標經過變色

jopen 9年前發布 | 2K 次閱讀 JavaScript

一、隔行換色 

    $("tr:odd").css("background-color","#eeeeee");  
    $("tr:even").css("background-color","#ffffff");

</div> </div> 或者一行搞定：

    $("table tr:nth-child(odd)").css("background-color","#eeeeee");

:nth-child 匹配其父元素下的第N個子或奇偶元素

二、鼠標經過變色 

    $("tr").live({  
        mouseover:function(){  
            $(this).css("background-color","#eeeeee");  
        },  
        mouseout:function(){  
            $(this).css("background-color","#ffffff");  
        }  
    })
</div> </div> 或者 

    $("tr").bind("mouseover",function(){  
        $(this).css("background-color","#eeeeee");  
    })  
    $("tr").bind("mouseout",function(){  
        $(this).css("background-color","#ffffff");  
    })

</div> </div> 當然live()和bind()都可以同時綁定多個事件或分開。

 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！

相關代碼

相關文檔

相關經驗