jquery对象插件

最新推荐文章于 2020-02-21 20:30:02 发布

mm1277663638

最新推荐文章于 2020-02-21 20:30:02 发布

阅读量338

点赞数

文章标签： jquery 插件

本文链接：https://blog.csdn.net/mm1277663638/article/details/43227307

版权

;(function($){

	$.fn.plugin=function(options){
		var defaults = {
			//各种参数，各种属性
		}

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

		this.each(function(){
			//实现功能的代码
		});

		return this;
	}

})(jQuery);


例
;(function($){

    $.fn.table=function(options){
        var defaults = {
            //各种参数，各种属性
            evenRowClass:'evenRow',
            oddRowClass:'oddRow',
            currentRowClass:'currentRow',
            eventType:'mouseover',
            eventType2:'mouseout'
        }

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

        this.each(function(){
            var _this = $(this);
            //偶数行
            _this.find('tr:even').addClass(options.evenRowClass);
            //奇数行
            _this.find('tr:odd').addClass(options.oddRowClass);

            /*_this.find('tr').mouseover(function(){
                $(this).addClass(options.currentRowClass);
            }).mouseout(function(){
                $(this).removeClass(options.currentRowClass);
            });*/

            _this.find('tr').bind(options.eventType,function(){
                $(this).addClass(options.currentRowClass);
            });

            _this.find('tr').bind(options.eventType2,function(){
                $(this).removeClass(options.currentRowClass);
            });

        });
        return this;
    }

})(jQuery);