码迷,mamicode.com
首页 > Web开发 > 详细

jquery自定义函数的多种方法

时间:2015-10-20 21:03:50      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:

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

原文:http://www.jb51.net/article/45402.htm

jquery自定义函数的多种方法

标签:

原文地址:http://www.cnblogs.com/langtianya/p/4895836.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!