首页 / 脚本样式 / JavaScript / jquery自定义函数的多种方法

复制代码 代码如下:
//方法定义
$.windowbox = {
//定义一个方法aa
aa: function（）{
alert（"aa"）;
},


//定义一个方法bb
bb: function（）{
alert（"bb"）;
}
}
$.windowbox.aa（）; //调用$.windowbox里的aa方法

复制代码 代码如下:
// 传参数
var aa = function（x）{
//弹出对象 x 里的 aa 变量和 bb 变量
alert（x.aa + " 我成功啦 " + x.bb）;
}
$.windowbox = aa;

$.windowbox（{
aa: "哈哈",
bb: "啦啦"
}）;

复制代码 代码如下:
方法一：
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 应用扩展
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（）
复制代码 代码如下:
方法三：

$.postJSON = function（url, data, callback） {
$.post（url, data, callback, "json"）;
};
调用方法：$.postJSON（"/post/getsecurejsonpost",{}, function（data） {}）;