jquery 扩展方法,自定义函数等一些写法

时间:2023-02-04 00:10:33
// 传参数 
var aa = function(x){
//弹出对象 x 里的 aa 变量和 bb 变量
alert(x.aa + " 我成功啦 " + x.bb);
}

$.windowbox = aa;

$.windowbox({
aa: "哈哈",
bb: "啦啦"
});
jquery  扩展方法,自定义函数等一些写法

 

jquery  扩展方法,自定义函数等一些写法
//方法定义 
$.windowbox = {
//定义一个方法aa
aa: function(){
alert("aa");
},

//定义一个方法bb
bb: function(){
alert("bb");
}
}
$.windowbox.aa(); //调用$.windowbox里的aa方法
jquery  扩展方法,自定义函数等一些写法

 

jquery  扩展方法,自定义函数等一些写法
方法三: 
jQuery.fn.setApDiv=function () {
//apDiv浮动层显示位置居中控制
var wheight=$(window).height();
var wwidth=$(window).width();
var apHeight=wheight-$("#apDiv").height();
var apWidth=wwidth-$("#apDiv").width();
$("#apDiv").css("top",apHeight/2);
$("#apDiv").css("left",apWidth/2);
}

//调用方法调用方法:$("#apDiv").setApDiv(); 
//jQuery.fn表示jquery内置函数,可以使用jquery对象直接操作;
jquery  扩展方法,自定义函数等一些写法

 

jquery  扩展方法,自定义函数等一些写法
//jQuery 应用扩展 
jQuery.extend({
// 设置 apDiv
setApDiv:function () {
//apDiv浮动层显示位置居中控制
var wheight=$(window).height();
var wwidth=$(window).width();
var apHeight=wheight-$("#apDiv").height();
var apWidth=wwidth-$("#apDiv").width();
$("#apDiv").css("top",apHeight/2);
$("#apDiv").css("left",apWidth/2);
}
});
调用方法:$.setApDiv();

总结 一种如$.extend({'aa':function(){}}),这种调用时就是这样$.aa(),
另一种如$.fn.extend({'aa':function(){}}),这种调用时就得这样,$(this).aa()
jquery  扩展方法,自定义函数等一些写法

 

方法三: 
$.postJSON = function(url, data, callback) {
$.post(url, data, callback, "json");
};
调用方法:$.postJSON('/post/getsecurejsonpost',{}, function(data) {});