jquery插件框架

jquery插件框架

// JavaScript Document
(function($){

	 $.fn.extend({
		//定义插件名称
		pluginName: function(options){
		// 插件开始	 ---------------------------------------------
		//默认参数
        var defaults = {
		/**参数 1 */
                 a:1,
		/**参数 2 */
                 b:2,
		 /**参数 3 */
                 c:3
				 
            } 
		//参数合并	
        var options = $.extend(defaults, options); 

		return $(this).each(function( i , v ){
			//针对每一个被选定的 元素操作  ----------- 功能 开始 -----------------
			var o = options;// 在函数内部 就可以 用 o.a  o.b  o.c 调用参数
			var $that  = $(this);// $(this) 
			
			// 功能代码 ...	
				
			//针对每一个被选定的 元素操作  ----------- 功能 结束 -----------------	  
		});
		// 插件开始	 ---------------------------------------------
		}		 
	 });
})(jQuery);

调用插件

$('选择器').pluginName(json格式参数);

发表评论

邮箱地址不会被公开。 必填项已用*标注