jquery自定义函数的多种方法

来源:互联网 发布:傲剑弓箭升级数据 编辑:程序博客网 时间:2024/05/18 20:46

代码如下:

复制代码
// 传参数 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) {});