一个很简单的动态改变class插件

;(function($) {

/**
*	初始化插件
*	@author: luofei
*	@version: 2013/03/22
*	@param:	{array}		options		初始化传入的json数据
*/

$.fn.lf = function(options){
	this.opts = $.extend({}, $.fn.lf.defaults, options);
	this._init();
};

/*
*	插件的扩展函数	公共方法
 */
$.fn.lf.prototype = {
	_init: function() {

		var _this = this;	//获取当前对象
		
		//根据传入的参数确定选择器
		var selector = _this.opts.id === "" ? "."+_this.opts.className : "#"+_this.opts.id;

		$(selector).each(function(index) {
			$(this).bind(_this.opts.eventType,makeFunc(index,_this.opts));
		});
	}
}

/*
*	内部私有方法	--闭包	
*	@param:	{int}	index	当前遍历的对象数组下标
*	@param:	{array}		opts	插件配置选项
* */
function makeFunc(index,opts){
	return function(){
		if(opts.id)
			var item = $("#"+opts.id);
		var item = $("."+opts.className);
		for(var i=0; i<item.length; i++){
			var attr = item[i].getAttribute("class");
			if(i != index){
				attr = attr.replace(opts.toggleName,"");
				item[i].setAttribute("class",attr);
			}
			else{
				item[i].setAttribute("class",attr+" "+opts.toggleName);
			}
		}
	};
}

/*
	* @param	{string}	id			选择器 id
	* @param	{string}	className	选择器 class
	* @param	{string}	toggleName	需增加的class
	* @param	{string}	eventType	事件触发的类型
*/
$.fn.lf.defaults = {
	id: "",
	className: "",
	toggleName: "",
	eventType: "click"
};

})(jQuery);

//应用实例
$(function(){
	var lf = new $.fn.lf({
		className: "item",
		toggleName: "active"
	});
});