jQuery插件编写,

jQuery插件编写 jQuery插件

最近搞jquery插件的编写这里做下笔记

给jquery扩展的方式很多,看的我眼花缭乱

方式1

$.fun=function(){}

方式2

$.fn.fun=function(){}

方式3

$.extend({

  fun:function(){}

})

方式4
    (function ($) {
        $.fn.extend({
            falert2: function () {
                alert('222');
            }
        })
        $.fn.falert2();
    })(jQuery);

式5

        $.fn.extend({
            falert2: function () {
                alert('222');
            }
        })

其实上面是有区别的  自己试验了下就发下了,我总结下有问题的求留言指点

方式一直接就报错了

方式二的调用方式为  $(select).fun()  如果$.fun() 这样来调用就会报错 说$.fun()未定义 其实$.fn.fun = $.prototype.fun 是给jQuery 里面的对象扩展一个方法(或属性) 需要jquery对象来调用 jquery本身不能调用

方式三恰好和方式二相反。 方式三是给 jquery命名空间里面增加一个新的方法。需要jqeruy本身调用 jqeruy的对象不能调用 $.fun() 这样是对的  $(select).fun() 这样会报错 报(select).fun() 未定义

方式5和方式2 差不多  方式3注意作用域