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