jquery自訂函數的多種方法_jquery

複製程式碼 程式碼如下:

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


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

複製程式碼 代碼如下:

// 傳參數//彈出物件x 裡的aa 變數與bb 變數
alert(x.aa " 我成功啦" x.bb);
}
$.windowbox = aa;

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

複製程式碼 程式碼如下:

方法一：

jQuery.fn.setApDiv=function () {
//apDiv>//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();

呼叫方法：$("#apDiv").setApDiv();

複製程式碼 程式碼如下:

方法二：
//jQuery 應用程式擴充// 設定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) {});