jquery自定義函數(shù)的多種方法
更新時(shí)間：2014年01月09日 15:50:36 作者：
在jquery中自定義函數(shù)你會(huì)嗎？今天抽時(shí)間寫了幾個(gè)，個(gè)人感覺還不錯(cuò)，喜歡的朋友可以了解下
復(fù)制代碼 代碼如下:
//方法定義
$.windowbox = {
//定義一個(gè)方法aa
aa: function(){
alert("aa");
},
//定義一個(gè)方法bb
bb: function(){
alert("bb");
}
}
$.windowbox.aa(); //調(diào)用$.windowbox里的aa方法
復(fù)制代碼 代碼如下:
// 傳參數(shù)
var aa = function(x){
//彈出對(duì)象 x 里的 aa 變量和 bb 變量
alert(x.aa + " 我成功啦 " + x.bb);
}
$.windowbox = aa;
$.windowbox({
aa: "哈哈",
bb: "啦啦"
});
復(fù)制代碼 代碼如下:
方法一：
jQuery.fn.setApDiv=function () {
//apDiv浮動(dòng)層顯示位置居中控制
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();
復(fù)制代碼 代碼如下:
方法二：
//jQuery 應(yīng)用擴(kuò)展
jQuery.extend({
// 設(shè)置 apDiv
setApDiv:function () {
//apDiv浮動(dòng)層顯示位置居中控制
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)用時(shí)就是這樣$.aa(),另一種如$.fn.extend({'aa':function(){}}),這種調(diào)用時(shí)就得這樣,$(this).aa()
復(fù)制代碼 代碼如下:
方法三：
$.postJSON = function(url, data, callback) {
$.post(url, data, callback, "json");
};
調(diào)用方法：$.postJSON('/post/getsecurejsonpost',{}, function(data) {});
您可能感興趣的文章:
- jQuery 自定義函數(shù)寫法分享
- jQuery回調(diào)函數(shù)的定義及用法實(shí)例
- jQuery.extend 函數(shù)詳解
- jQuery中將函數(shù)賦值給變量的調(diào)用方法
- jquery封裝插件時(shí)匿名函數(shù)形參和實(shí)參的寫法解釋
- jQuery下擴(kuò)展插件和拓展函數(shù)的寫法（匿名函數(shù)使用的典型例子）
- jQuery構(gòu)造函數(shù)init參數(shù)分析
- jQuery實(shí)用函數(shù)用法總結(jié)
- jQuery 回調(diào)函數(shù)（callback）的使用和基礎(chǔ)
- jQuery 函數(shù)實(shí)例分析【函數(shù)聲明、函數(shù)表達(dá)式、匿名函數(shù)等】
相關(guān)文章
在做網(wǎng)站的開發(fā)過程中，可能需要使用彈出層，使用jquery的blockui插件可以很輕松的實(shí)現(xiàn)這個(gè)效果。2011-04-04
防止jQuery ajax Load使用緩存的方法小結(jié)
本篇文章主要是對(duì)防止jQuery ajax Load使用緩存的方法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-02-02
jquery easyui中treegrid用法的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)jquery easyui中treegrid用法的簡(jiǎn)單實(shí)例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-02-02
ASP.NET jQuery 實(shí)例14 在ASP.NET form中校驗(yàn)時(shí)間范圍
這節(jié)主要講如何用jQuery校驗(yàn)表單時(shí)間范圍，時(shí)間控件用到了jQuery-ui2012-02-02
這篇文章主要介紹了jquery文本框中的事件應(yīng)用以輸入郵箱為例,需要的朋友可以參考下2014-05-05
jQuery獲取當(dāng)前元素的索引值還是很方便的，比如一大堆的li，當(dāng)鼠標(biāo)移上去的時(shí)候，你知道這個(gè)li是眾多l(xiāng)i中的第幾個(gè)嗎？2009-05-05
這篇文章主要介紹了jquery得到iframe src屬性值的方法，很簡(jiǎn)單，很實(shí)用,需要的朋友可以參考下2014-09-09
這篇文章主要介紹了jQuery實(shí)現(xiàn)瀑布流的取巧做法分享,需要的朋友可以參考下2015-01-01
本篇文章給大家詳細(xì)分析了用jquery實(shí)現(xiàn)放大鏡效果的方法，以及代碼分享，有興趣的學(xué)習(xí)下。2018-02-02
在《彈出層之1：JQuery.Boxy (一)》中講到了JQuery.Boxy的基本用法，本次講下手動(dòng)創(chuàng)建實(shí)例，new一個(gè)boxy對(duì)象是很容易的，傳遞一些參數(shù)對(duì)象就能滿足不同的需求了。2011-10-10