jQuery插件通用的框架

/*

 * tableUI 0.1

 * Copyright (c) 2009 JustinYoung  http://justinyoung.cnblogs.com/

 * Date: 2010-03-30

 * 使用tableUI可以方便地将表格提示使用体验。先提供的功能有奇偶行颜色交替，鼠标移上高亮显示

 */

(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);

 

 

这里重点说一下这一句：

var
 options = $.extend(defaults, options);

看上去很屌的一句，其实就是合并多个对象为一个。这里就是，如果你在调用的时候写了新的参数，就用你新的参数，如果没有写，就用默认的参数。想进一步了解的朋友，可以参考jquery的官方文档： http://api.jquery.com/jQuery.extend/