国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

JQuery 表格操作(交替顯示、拖動表格行、選擇行等)

2024-05-06 14:14:34
字體：大 中 小
來源：轉載
供稿：網友
JQuery 確實很方便，簡單的代碼，卻能實現一些不錯的功能。
代碼如下:
<script type='text/javascript'><!--
    $(function(){
        //交替顯示行
        $('#alternation').click(function(){                
            $('tbody > tr:odd', $('#example')).toggleClass('alternation');
        });

        //三色交替顯示行
        $('#alternationThree').click(function(){                
            $('tbody > tr:nth-child(3n)', $('#example')).toggleClass('alternation');
            $('tbody > tr:nth-child(3n+2)', $('#example')).toggleClass('alternation3');
        });

        //選擇行
        $('#selectTr').click(function(){
            //為表格行添加選擇事件處理
            $('tbody > tr', $('#example')).click(function(){
                $('.selected').removeClass('selected');                    
                $(this).addClass('selected'); //this 表示引發事件的對象，但它不是 jquery 對象
            }).hover(        //注意這里的鏈式調用
                function(){
                    $(this).addClass('mouseOver');
                },
                function(){
                    $(this).removeClass('mouseOver');
                }
            );                

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板： 葵青区| 尉犁县| 涿鹿县| 栾城县| 孟州市| 广元市| 辽宁省| 临汾市| 兴安县| 平安县| 象山县| 遵义市| 乃东县| 视频| 鄂伦春自治旗| 繁峙县| 太湖县| 广河县| 宜良县| 潍坊市| 盘山县| 新密市| 五寨县| 临江市| 锦州市| 宿松县| 咸丰县| 姚安县| 乐安县| 清原| 塔城市| 格尔木市| 保德县| 新丰县| 大英县| 无极县| 鸡泽县| 兴山县| 梓潼县| 获嘉县| 阳高县|