首頁 > web前端 > js教程 > jquery自訂函數的多種方法_jquery

jquery自訂函數的多種方法_jquery

WBOY
發布: 2016-05-16 17:04:41
原創
1097 人瀏覽過
複製程式碼 程式碼如下:

//方法定義
$.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) {});

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板