全局级别定义全局函数and 对象级别的插件开发,即给jQuery对象添加方法

一.全局级别定义全局函数
 1.1 普通定义
 jQuery.foo1=function () {
     alert('定义全局函数foo1');
 }
 $.foo1();
 1.2 extend定义多个
 jQuery.extend({
     foo1:function() {
         alert('extend 定义全局函数1');
     },
     bar1:function() {
         alert('extend 定义全局函数2');
     }
 });
 $.foo1();
 $.bar1();
 1.3 使用命名空间定义函数
 jQuery.plugin = {
     foo2:function() {
         alert('使用命名空间定义函数');
     }
 }
$.plugin.foo2();
 二.对象级别的插件开发,即给jQuery对象添加方法
 2.1
 (function ($) {
     $.fn.extend({
         foo3:function() {
             alert('对象级别插件extend方式1');
         },
         bar3:function() {
             alert('对象级别插件extend方式2');
         }
     });
 })(jQuery)
 $('#demo').foo3();
 $('#demo').bar3();
 2.2
 (function ($) {
     $.fn.foo=function () {
         alert('对象级别插件fn方式');
     }
 })(jQuery)
 $('#demo').foo();
 2.3 接收参数来控制插件的行为
 (function ($) {
     $.fn.bar5=function (options) {
         var defaults = {aaa:'1',bbb:'2'};
         var data=$.extend(defaults,options);
          alert('参数值:aaa:'+data.aaa+';bbb:'+data.bbb);
     }
 })(jQuery)
 $('#demo').bar5({aaa:10, bbb:20});
 2.4 提供公有方法访问插件的配置项值
 (function($){
     $.fn.foo5 = function(options) {
         var opts = $.extend({}, $.fn.foo5.defaults, options);
         alert('参数值:aaa:'+opts.aaa+';bbb:'+opts.bbb);
     }
     $.fn.foo5.defaults = {aaa:'1',bbb:'2'};
 })(jQuery);
 $('#demo').foo5();//aaa:'1',bbb:'2'
 $('#demo').foo5({aaa:'11',bbb:'22'});///aaa:'11',bbb:'22'
 2.5 提供公有方法来访问插件中其他的方法
 (function ($) {
     $.fn.bar=function (options) {
         $.fn.bar.alert(options);
     }
     $.fn.bar.alert=function (params) {
         alert(params);
     }
 })(jQuery)
 $('#demo').bar('aaa');

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值