Jquery 的擴(kuò)展方法總結(jié)
更新時(shí)間:2011年10月01日 00:36:49 作者:
jQuery的擴(kuò)展方法有兩種方式,一種是jQuery本身的擴(kuò)展方法,另一種是jQuery所選對(duì)象的擴(kuò)展方法,下面一起來(lái)看。
一、方式列表:
1.jQuery.extend(Object); // jQuery 本身的擴(kuò)展方法
2.jQuery.fn.extent(Object); // jQuery 所選對(duì)象擴(kuò)展方法
二、調(diào)用示例:
1.jQuery 本身的擴(kuò)展方法實(shí)例如下:
jQuery.extend({
Meg: function (message) {
alert(message);
},
MegToo: function (messageToo) {
alert(messageToo);
}
});
頁(yè)面調(diào)用:jQuery.Meg("Hi,Stone");
其中Meg和MegToo為我的jQuery自定義擴(kuò)展方法,多個(gè)擴(kuò)展方法之間用英文逗號(hào)隔開。
2.jQuery 所選對(duì)象擴(kuò)展方法有兩種書寫方式。
a)jQuery 所選對(duì)象擴(kuò)展方法實(shí)例一如下:
jQuery.fn.extend({
ShowHtml: function (showhtml) {
jQuery(this).html(showhtml);
}
});
頁(yè)面調(diào)用:jQuery("#htmlDiv").ShowHtml("Stone,Hi!");
其中ShowHtml為我的jQuery所選對(duì)象的擴(kuò)展方法,多個(gè)擴(kuò)展方法之間用英文逗號(hào)隔開。
b)jQuery 所選對(duì)象擴(kuò)展方法實(shí)例二代碼如下:
(function (jq) {
jq.fn.ShowHtmlToo = function (showhtml) {
jQuery(this).html(showhtml);
};
})(jQuery)
調(diào)用相同與方式一:jQuery("#htmlDiv").ShowHtmlToo("Stone,Hi!");
【Stone 制作整理】
1.jQuery.extend(Object); // jQuery 本身的擴(kuò)展方法
2.jQuery.fn.extent(Object); // jQuery 所選對(duì)象擴(kuò)展方法
二、調(diào)用示例:
1.jQuery 本身的擴(kuò)展方法實(shí)例如下:
復(fù)制代碼 代碼如下:
jQuery.extend({
Meg: function (message) {
alert(message);
},
MegToo: function (messageToo) {
alert(messageToo);
}
});
頁(yè)面調(diào)用:jQuery.Meg("Hi,Stone");
其中Meg和MegToo為我的jQuery自定義擴(kuò)展方法,多個(gè)擴(kuò)展方法之間用英文逗號(hào)隔開。
2.jQuery 所選對(duì)象擴(kuò)展方法有兩種書寫方式。
a)jQuery 所選對(duì)象擴(kuò)展方法實(shí)例一如下:
復(fù)制代碼 代碼如下:
jQuery.fn.extend({
ShowHtml: function (showhtml) {
jQuery(this).html(showhtml);
}
});
頁(yè)面調(diào)用:jQuery("#htmlDiv").ShowHtml("Stone,Hi!");
其中ShowHtml為我的jQuery所選對(duì)象的擴(kuò)展方法,多個(gè)擴(kuò)展方法之間用英文逗號(hào)隔開。
b)jQuery 所選對(duì)象擴(kuò)展方法實(shí)例二代碼如下:
復(fù)制代碼 代碼如下:
(function (jq) {
jq.fn.ShowHtmlToo = function (showhtml) {
jQuery(this).html(showhtml);
};
})(jQuery)
調(diào)用相同與方式一:jQuery("#htmlDiv").ShowHtmlToo("Stone,Hi!");
【Stone 制作整理】
您可能感興趣的文章:
- 原生js實(shí)現(xiàn)復(fù)制對(duì)象、擴(kuò)展對(duì)象 類似jquery中的extend()方法
- 淺談jQuery中的$.extend方法來(lái)擴(kuò)展JSON對(duì)象
- 基于jQuery的一個(gè)擴(kuò)展form序列化到j(luò)son對(duì)象
- 模仿JQuery.extend函數(shù)擴(kuò)展自己對(duì)象的js代碼
- 擴(kuò)展jQuery對(duì)象時(shí)如何擴(kuò)展成員變量具體怎么實(shí)現(xiàn)
- JQuery 動(dòng)態(tài)擴(kuò)展對(duì)象之另類視角
- jQuery.extend()、jQuery.fn.extend()擴(kuò)展方法示例詳解
- Jquery中擴(kuò)展方法extend使用技巧
- 修改或擴(kuò)展jQuery原生方法的代碼實(shí)例
- JavaScript自執(zhí)行函數(shù)和jQuery擴(kuò)展方法詳解
- JQuery擴(kuò)展對(duì)象方法操作示例
相關(guān)文章
jquery實(shí)現(xiàn)具有收縮功能的垂直導(dǎo)航菜單
這篇文章主要介紹了jquery實(shí)現(xiàn)具有收縮功能的垂直導(dǎo)航菜單點(diǎn)擊可以展開折疊的導(dǎo)航菜單,感興趣的小伙伴們可以參考一下2016-02-02
JQUERY 獲取IFrame中對(duì)象及獲取其父窗口中對(duì)象示例
經(jīng)常會(huì)用到iframe,難免會(huì)碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素,下面為大家簡(jiǎn)單介紹下本人的使用心得2013-08-08
jQuery.ajax實(shí)現(xiàn)根據(jù)不同的Content-Type做出不同的響應(yīng)
使用H5+ASP.NET General Handler開發(fā)項(xiàng)目,使用ajax進(jìn)行前后端的通訊。有一個(gè)場(chǎng)景需求是根據(jù)服務(wù)器返回的不同數(shù)據(jù)類型,前端進(jìn)行不同的響應(yīng),這里記錄下如何使用$.ajax實(shí)現(xiàn)該需求,需要的朋友可以參考下2016-11-11
全面詳細(xì)的jQuery常見開發(fā)技巧手冊(cè)
這篇文章主要為大家分享了一份全面詳細(xì)的jQuery常見開發(fā)技巧手冊(cè),幫助大家更好的進(jìn)行jquery開發(fā),感興趣的小伙伴們可以參考一下2016-02-02
JQuery實(shí)現(xiàn)鼠標(biāo)移動(dòng)圖片顯示描述層的方法
這篇文章主要介紹了JQuery實(shí)現(xiàn)鼠標(biāo)移動(dòng)圖片顯示描述層的方法,涉及jQuery鼠標(biāo)事件及動(dòng)畫效果的使用技巧,需要的朋友可以參考下2015-06-06
jQuery實(shí)現(xiàn)彈出窗口中切換登錄與注冊(cè)表單
本文給大家推薦的是一款jQuery實(shí)現(xiàn)彈出窗口中切換登錄與注冊(cè)表單的特效。適用瀏覽器:IE8+、FireFox、Chrome、Safari、Opera。十分的方便實(shí)用,有需要的小伙伴可以參考下。2015-06-06

