Jquery自定义插件

/**
 * alert插件 
 */
(function($){
	//全局的(不需要用到页面上标签对象)插件
//	$.xxc_alert = function(alertJson){
//		alert(alertJson.message);
//		alertJson.callBack();
//	};
	//局部的(需要用到页面上标签对象)
	$.fn.xxc_alert = function(alertJson){
		alert(alertJson.message);
		alertJson.callBack();
		alertJson.callBack();
	};
})($);

以这种形式定义插件

(function($){

})($)

自定义的插件接收的是json对象形式的参数(这种形式非常方便,因为callback可以自定义)。这里调用的时候需要传入json对象参数

$().ready(function(){
	$("body").xxc_alert({
		message:"自己做的",
		callBack:function(){
			alert("自己做的回调函数");
		}
	});
})

html测试用先引入jquery,js然后再引入alert插件,再引入调用插件的js。