jQuery 自定义函数的三种方法(示例)

发布时间:2019-10-29编辑:脚本学堂
本文介绍下,jquery自定义函数的三个例子,学习下jquery实现自定义函数的三种方法,有需要的朋友做个参考。

jquery 自定义函数的方法一:
 

复制代码 代码示例:
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 应用扩展
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()

jQuery 自定义函数的方法三:
 

复制代码 代码示例:
$.postJSON = function(url, data, callback) {
  $.post(url, data, callback, "json");
};
 

调用方法:
 

复制代码 代码示例:
$.postJSON('/post/getsecurejsonpost',{}, function(data) {});