首页 > Web开发 > 详细

jquery的扩展之extend函数

时间:2016-01-11 12:03:47      阅读:244      评论:0      收藏:0      [点我收藏+]

1.$.extend()使用

作用:扩展全局的函数

$.extend({

sayHellow:function(pram){

  alert(pram+"hellow");

  }

})

使用:

$(function({

  $.sayHellow();

}))


jQuery.hellow = function() {   
alert(‘hellow ‘);  
};  
jQuery.byebye = function(param) {   
alert(param + ‘byebye ‘);  
};   
使用:jQuery.hellow ();jQuery.byebye (‘haha‘);
$.hellow ();$.byebye (‘haha‘);
使用$.extend()扩展多个函数:
jQuery.extend({      
hellow: function() {alert(‘hellow ‘);  },
byebye: function(param) {alert(param + ‘byebye ‘);} 
    });
使用命名空间:
第一种方法:
jQuery.myPlugin={  
    
    hellow: function() {alert(‘hellow ‘);  },

    byebye: function(param) {alert(param + ‘byebye ‘);} 
    
    };
使用:
$.myPlugin.hellow();         
$.myPlugin.byebye(‘haha‘);

第二种方法:

$.extend({myPlugin:{}});

$.extend({$.myPlugin,{
      hellow: function() {alert(‘hellow ‘);  },

    byebye: function(param) {alert(param + ‘byebye ‘);}
    
}})

 

 


 

2.$.fn.extend()使用

作用:扩展的是jquery的实例对象的函数(jquery.fn=jquery.prototype)

$.fn.extend({

  sayHellow:function(pram){

    alert(pram+"hellow");

    }

})

等于:

$.fn.sayHellow = function(pram) {     
     alert(pram+‘hellow‘);  
};

使用:$(" ").sayHellow(pram);

附加:定义了一个jQuery函数,形参是$,函数定义完成之后,把jQuery这个实参传递进去.立即调用执行。这样的好处是,我们在写jQuery插件时,也可以使用$这个别名,而不会与prototype引起冲突.

(function($) {   
    
$.fn.pluginName = function() {     
   
};     
})(jQuery);   

3.接受参数options控制的插件

$.fn.pulginName = function(options) {
     var defaults = {
         property1: ‘‘,
         property2: ‘‘ }; 

 var opts = $.extend(defaults, options);
 
    };
调用:
 $(‘#div‘).hilight({
     property2: ‘‘ 
    });

  

 

jquery的扩展之extend函数

原文:http://www.cnblogs.com/cleverbo/p/5120550.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!