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