1. 程式人生 > >jquery自定義函式的多種方法

jquery自定義函式的多種方法

一、傳引數

var aa = function(x){ 
//彈出物件 x 裡的 aa 變數和 bb 變數 
alert(x.aa + " 我成功啦 " + x.bb); 
} 

$.windowbox = aa; 

$.windowbox({ 
aa: "哈哈", 
bb: "啦啦" 
}); 

二、方法定義

$.windowbox = { 
//定義一個方法aa 
aa: function(){ 
alert("aa"); 
}, 

//定義一個方法bb 
bb: function(){ 
alert("bb"); 
} 
} 
$.windowbox.aa(); //呼叫$.windowbox裡的aa方法

三、

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.fn表示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()