jquery编写插件的方法

            //
            1.直接给jquer添加全局函数
jQuery.myAlert=function (str) {
    alert(str);
};

//2.用extend()方法。extend是jquery提供的一个方法，把多个对象合并起来，参数是objectjQuery.extend({
    myAlert2:function (str1) {
        alert(str1);
    },
    myAlert3:function () {
        alert(11111);
    }
});

//一定要注意两种类级别编写插件方式书写的区别。//3.使用命名空间(如果不使用命名空间容易和其他引入的JS库里面的同名方法冲突)
jQuery.yuqing={
    myAlert4:function (str) {
        alert(str);
    },
    centerWindow:function (obj) {
        obj.css({
            ‘top‘:($(window).height()-obj.height())/2,
            ‘left‘:($(window).width()-obj.width())/2
        });
        //必须进行返回对象的操作，否则就不能继续往下进行链式操作了。。return obj;
    }
};

            //
            调用自定义插件方法
  $(‘#btn‘).click(function () {
      $.myAlert(‘我是调用jquery编写的插件弹出的警告框‘);
      $.myAlert2(‘我是调用jquery的extend()方法编写的插件弹出的警告框‘);
      $.myAlert3();
      $.yuqing.myAlert4("调用使用了命名空间编写的插件方法");
  });
 $.yuqing.centerWindow($(‘#div1‘)).css(‘background‘,‘red‘);

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

        //options合并到defaults上,defaults继承了options上的各种属性和方法,将所有的赋值给endOptions
        var endOptions=$.extend(defaults,options);
        
        this.each(function () {
            //实现功能的代码        });
    };
})(jQuery);

$(‘#tab‘).table({
    evenRowClass:‘evenRow1‘,
    oddRowClass:‘oddRow1‘,
    curRowClass:‘curRow1‘,
    eventType1:‘click‘
});

             1 ;(function ($) {
 2     $.fn.table=function (options) {
 3var defaults={
 4//各种参数、各种属性 5             evenRowClass:‘evenRow‘,
 6             oddRowClass:‘oddRow‘,
 7             curRowClass:‘curRow‘,
 8             eventType1:‘mouseover‘,
 9             eventType2:‘mouseout‘
10        };
1112var endOptions=$.extend(defaults,options);
1314this.each(function () {
15var _this = $( this );
16             _this.find(‘tr:even‘).addClass(endOptions.evenRowClass);
17             _this.find(‘tr:odd‘).addClass(endOptions.oddRowClass);
18//鼠标移入和移出，但实际开发中不直接使用mouseover这种方法19/*$(this).find(‘tr‘).mouseover(function () {
20                $(this).addClass(endOptions.curRowClass);
21            }).mouseout(function () {
22                $(this).removeClass(endOptions.curRowClass);
23            });*/2425//实际开发中要用bian()方法绑定26//因为用bind()方法绑定非常灵活，事件可以自己定义27//mouseover mouseout...事件底层都是用bind()去实现的，mouseout 等只是快捷方式28             _this.find(‘tr‘).bind(endOptions.eventType1,function () {
29                 $(this).addClass(endOptions.curRowClass);
30            });
31             _this.find(‘tr‘).bind(endOptions.eventType2,function () {
32                 $(this).removeClass(endOptions.curRowClass);
33            })
34        });
35    };
36 })(jQuery);