DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> jquery自定義函數的多種方法
jquery自定義函數的多種方法
編輯:JavaScript綜合知識     

 在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) {});     
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved