手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery自定义函数的多种方法
jquery自定义函数的多种方法
摘要:复制代码代码如下://方法定义$.windowbox={//定义一个方法aaaa:function(){alert("aa");},//定义...

复制代码 代码如下:

//方法定义

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

【jquery自定义函数的多种方法】相关文章:

动态加载jQuery的方法

jquery实现弹出层效果实例

JavaScript获得指定对象大小的方法

总结一些js自定义的函数

jQuery实现html表格动态添加新行的方法

jQuery实现自动滚动到页面顶端的方法

JavaScript实现表格点击排序的方法

jQuery实现延迟跳转的方法

jQuery实现转动随机数抽奖效果的方法

jQuery聚合函数实例

精品推荐
分类导航