您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

jquery自定义函数的多种方法

作者:佚名    责任编辑:admin    更新时间:2022-06-22

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