jQuery自定义插件

jQuery自定义插件

　　jQuery自定义插件按照功能分类，可以分为三类，

　　1>封装对象方法的插件，（也就是基于某个DOM元素的jQuery对象，局部的）

　　2>封装全局函数的插件,   (全局的封装)

　　3>选择器插件 (类似.find() )

　　第三种用的很少，jquery现在封装的很好了，这里我们主要讲的是1和2两种

 

　　封装对象方法的插件

　　1.建立js文件,通常是jquery.xxxx.js

　　2.在文件中写入

　　

/*jQuery测试插件*/
;(function($){                 //添加';'号 是为了防止前面的js少写';'号 影响我们的插件
	$.fn.extend({          //jquery对象继承
		test_value: '123',    //变量
		test:function(){      //方法
			alert();
		}
	});
})(jQuery);                   //传入jQuery对象

　　3.调用

　　　　$(window).test(); //调用方法

　　　　alert($(window).test_value);  //使用变量

 

 

 

　　封装全局方法的插件

　　

　　1.建立js文件,通常是jquery.xxxx.js

　　2.在文件中写入

　　

/*jQuery测试插件*/
;(function($){                 //添加';'号 是为了防止前面的js少写';'号 影响我们的插件
	$.extend({             //jquery对象继承
		test_value: '123',    //变量
		test:function(){      //方法
			alert();
		}
	});
})(jQuery);                   //传入jQuery对象

　　3.调用

　　　　$.test();                  //调用方法（全局直接调用）

　　　　alert($.test_value);  //使用变量 （全局直接调用）