jquery 对象 级别的插件开发模板

;(function() {

	$.fn.pluginName = function(options) {

		//设置默认值
		var defaults = {

		};
		
		var settings = {};
		//合并参数
		$.extend(settings, defaults, options);

		// 在each 里 实现功能的代码
		this.each(function() {
			var _this=$(this);
			

		});
		
		return this;

	};

});

 

 

//在任何情况下，一个单独的插件不应该在jQuery.fnjQuery.fn对象里有多个命名空间。
// ---------------- 下面的做法是错误的    -------------------------
;(function($) {

	$.fn.tooltip = function(options) {
		// this
	};
	$.fn.tooltipShow = function() {
		// is
	};
	$.fn.tooltipHide = function() {
		// bad
	};
	$.fn.tooltipUpdate = function(content) {
		// !!!
	};

})(jQuery);
///---------------- 上面的做法是错误的    ---------------------------


//这是不被鼓励的，因为它$.fn使$.fn命名空间混乱。 为了解决这个问题，你应该收集对象文本中的所有插件的方法，通过传递该方法的字符串名称给插件以调用它们。
;
(function($) {

	var toolMethods = {
		init : function(options) {
			// this
		},
		show : function() {
			// is
		},
		hide : function() {
			// good
		},
		update : function(content) {
			// !!!
		}
	};

	$.fn.tooltip = function(method) {

		// 方法调用
		if (toolMethods[method]) {
			return toolMethods[method].apply(this, Array.prototype.slice.call(arguments, 1));
		} else if (typeof toolMethods === 'object' || !method) {
			return toolMethods.init.apply(this, arguments);
		} else {
			$.error('toolMethods ' + method + ' does not exist on jQuery.tooltip');
		}

	};

})(jQuery);


// 调用init方法
$('div').tooltip();

// 调用init方法
$('div').tooltip({
	foo : 'bar'
});

// 调用hide方法
$('div').tooltip('hide');

// 调用Update方法
$('div').tooltip('update', 'This is the new tooltip content!');