您的位置：首页 > Web前端 > JQuery

Jquery自定义插件

2013-10-29 16:18 169 查看 
/**
* 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。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航