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注意作用域  

相关文章:

  • 2021-11-26
  • 2021-06-24
  • 2021-09-22
  • 2022-01-08
  • 2021-10-19
  • 2021-09-11
  • 2021-11-20
猜你喜欢
  • 2021-09-14
  • 2021-07-31
  • 2021-08-04
  • 2022-02-21
  • 2021-11-02
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案