jquery自定義函數(shù)的多種方法
更新時間:2014年01月09日 15:50:36 作者:
在jquery中自定義函數(shù)你會嗎?今天抽時間寫了幾個,個人感覺還不錯,喜歡的朋友可以了解下
復制代碼 代碼如下:
//方法定義
$.windowbox = {
//定義一個方法aa
aa: function(){
alert("aa");
},
//定義一個方法bb
bb: function(){
alert("bb");
}
}
$.windowbox.aa(); //調(diào)用$.windowbox里的aa方法
復制代碼 代碼如下:
// 傳參數(shù)
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);
}
調(diào)用方法:$("#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);
}
});
調(diào)用方法:$.setApDiv();
總結(jié) 一種如$.extend({'aa':function(){}}),這種調(diào)用時就是這樣$.aa(),另一種如$.fn.extend({'aa':function(){}}),這種調(diào)用時就得這樣,$(this).aa()
復制代碼 代碼如下:
方法三:
$.postJSON = function(url, data, callback) {
$.post(url, data, callback, "json");
};
調(diào)用方法:$.postJSON('/post/getsecurejsonpost',{}, function(data) {});
您可能感興趣的文章:
- jQuery 自定義函數(shù)寫法分享
- jQuery回調(diào)函數(shù)的定義及用法實例
- jQuery.extend 函數(shù)詳解
- jQuery中將函數(shù)賦值給變量的調(diào)用方法
- jquery封裝插件時匿名函數(shù)形參和實參的寫法解釋
- jQuery下擴展插件和拓展函數(shù)的寫法(匿名函數(shù)使用的典型例子)
- jQuery構(gòu)造函數(shù)init參數(shù)分析
- jQuery實用函數(shù)用法總結(jié)
- jQuery 回調(diào)函數(shù)(callback)的使用和基礎
- jQuery 函數(shù)實例分析【函數(shù)聲明、函數(shù)表達式、匿名函數(shù)等】
相關文章
JQuery中對服務器控件 DropdownList, RadioButtonList, CheckboxList的操作
JQuery中對服務器控件 DropdownList, RadioButtonList, CheckboxList的操作總結(jié),需要的朋友可以參考下。2011-06-06基于Jquery的仿Windows Aero彈出窗(漂亮的關閉按鈕)
目前市面上已經(jīng)有很多成熟好用的jquery彈出窗插件,像模態(tài)窗口插件(Modal Dialog Plugins)以及數(shù)不勝數(shù)的燈箱插件(lightbox plugins)。2010-09-09jQuery事件綁定on()、bind()與delegate() 方法詳解
這篇文章主要詳細介紹了jQuery事件綁定的三種方法,分別是on()、bind()與delegate(),十分的淺顯易懂,有需要的小伙伴可以參考下。2015-06-06