码迷,mamicode.com
首页 > 其他好文 > 详细

插件入门...

时间:2015-12-14 10:47:34      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:

(function($){
    $.fn.tableUI = function(options){
        var defaults = {//默认类
            evenRowClass:"evenRow",
            oddRowClass:"oddRow",
            activeRowClass:"activeRow"            
        }
        var options = $.extend(defaults, options);//如果你在调用的时候写了新的参数,就用你新的参数,如果没有写,就用默认的参数。
        this.each(function(){
            var thisTable=$(this);
            //添加奇偶行颜色
            $(thisTable).find("tr:even").addClass(options.evenRowClass);
            $(thisTable).find("tr:odd").addClass(options.oddRowClass);
            //添加活动行颜色
            $(thisTable).find("tr").bind("mouseover",function(){
                $(this).addClass(options.activeRowClass);
            });
            $(thisTable).find("tr").bind("mouseout",function(){
                $(this).removeClass(options.activeRowClass);
            });
        });
    };
})(jQuery);

调用:

$(".table_solid").tableUI();//table类

插件入门...

标签:

原文地址:http://www.cnblogs.com/muwei/p/5044341.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!