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

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

时间:2017-09-10 15:51:29      阅读:221      评论:0      收藏:0      [点我收藏+]

标签:var   bar   中控   data   技术   .post   总结   func   技术分享   

// 传参数 
var aa = function(x){ 
//弹出对象 x 里的 aa 变量和 bb 变量 
alert(x.aa + " 我成功啦 " + x.bb); 
} 

$.windowbox = aa; 

$.windowbox({ 
aa: "哈哈", 
bb: "啦啦" 
}); 
技术分享

 

技术分享
//方法定义 
$.windowbox = { 
//定义一个方法aa 
aa: function(){ 
alert("aa"); 
}, 

//定义一个方法bb 
bb: function(){ 
alert("bb"); 
} 
} 
$.windowbox.aa(); //调用$.windowbox里的aa方法 
技术分享

 

技术分享
方法三: 
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.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) {}); 

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

标签:var   bar   中控   data   技术   .post   总结   func   技术分享   

原文地址:http://www.cnblogs.com/wangsir1992/p/7501064.html

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