编写jQuery插件

阅读更多

一、jQuery插件类型

    插件类型有以下三种:

  1. 封装对象方法的插件:用于对选择器获取的jQuery对象进行操作 eg:$("#id").addClass()
  2. 封装全局函数的插件:加到jQuery命名空间下的独立函数 eg:$.ajax()
  3. 选择器插件:eg:使用fontSize(‘150px’)选中所有字体大小为150px的元素之类的自定选择器
二、闭包的特性
  1. 避免内部临时变量影响全局空间
  2. 可以在插件内部继续使用$作为jQuery别名使用
//前面加入;可以拥有更好兼容性
;(function($){//此处将$作为形参,方便内部函数使用
var a;
var b=function(){
//这里用于写bar函数的具体操作
}
$.B=b;
//这个语句是的外部可以使用$.B()来全局调用b函数
})(jQuery);//此处将jQuery作为实参传入内部函数
 三、jQuery插件的扩展方法
   
  1. 有两种扩展方式jQuery.fn.extend()和jQuery.extend(),前者用于扩展第一种插件,后者用于扩展第二三种插件
  2. 两种方法都接收对象参数
  3. jQuery.extend()方法还用于扩展已有的object对象
  • var new=jQuery.extend(obj1,obj2);
    //合并两个对象 并且返回合并后的对象(第一种用法)
    
    
    obj=jQuery.extend({
         name:“ddd”
        length:“15”
    },obj2);
    //用于覆盖obj2原来的默认参数值
四、编写插件
 
//缺注意事项

你可能感兴趣的:(JQuery学习)