DIV CSS 佈局教程網

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