Jquery开发插件的方法

Posted 2020-07-31

Jquery未开发插件提供了两个方法:

(1)Jquery.extend(object)    -为Jquery类本身添加新的方法;代码如下:

$.extend({
  add:function(a,b){
  return a+b;
}
});

调用方法：$.add(3,4)   - $=Jquery

为jquery类添加了名为add的一个静态方法,之后便可以在引入jquery的地方,使用这个方法了,$.add(3,4);

 

(2)Jquery.fn.extend(object)

$.fn相当于Jquery的命名空间,fn上的成员(方法function以及属性peoperty)会对每一个实例都有效果；

查看Jquer用的代码就不难发现

jQuery.fn = jQuery.prototype = {

　　　init: function( selector, context ) {

};

原来jquery.fn=jquery.property,所以它是对property进行扩展,为jquery添加"成员函数",jquery的实例都可以使用这个"成员函数"

假设我们要开发一款插件,做一个自定义弹框，那么代码可以这么写:

$.fn.extend({
   zdyAlert:function(){
     alert(‘自定义插件!‘);
  };
});

调用方法:$(‘选择器‘).zdyAlert();