javascript逐行變色,點擊變色

字號:


    通過jquery操作類進行的逐行變色
    <script type="text/javascript">
    $(document).ready(function(){
    $("tr").each(function(index){
    $(this).click(function(){
    $("tr").removeClass();$("tr:odd").addClass("gray");//進行全部行的減色后,進行雙行加色
    $(this).removeClass().addClass("blue");//去除當前行的顏色后,進行加色
    })
    })
    $("tr:odd").addClass("gray");//首先將雙行進行加色
    })
    </script>
    很容易,很簡便。