萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> jquery自定義函數的多種方法

jquery自定義函數的多種方法

 在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) {});     
copyright © 萬盛學電腦網 all rights reserved