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 應用擴展 
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) {}); 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM