分享jquery自定义函数的多种方法

发布时间：2023-09-16 14:40:41 所属栏目：教程来源：

导读：代码如下:

//方法定义

$.windowbox = {

//定义一个方法aa

aa: function(){

alert("aa");

},

//定义一个方法bb

bb: function(){

alert("bb");

}

}

$.windowbox.a

代码如下:

//方法定义

$.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) {});

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!