Jquery开发插件的方法

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();
上一篇:点击tr实现选择checkbox功能,点击checkobx的时候阻止冒泡事件, jquery给checkbox添加checked属性或去掉checked属性不能使checkobx改变状态


下一篇:C#实战技能之WebApi+Task+WebSocket