jquery的擴展方法總結
jQuery的擴展方法有兩種方式,一種是jQuery本身的擴展方法,另一種是jQuery所選對象的擴展方法,下面一起來看。
一、方式列表:
1.jQuery.extend(Object); // jQuery 本身的擴展方法
2.jQuery.fn.extent(Object); // jQuery 所選對象擴展方法
二、調用示例:
1.jQuery 本身的擴展方法實例如下:
代碼如下:
jQuery.extend({
Meg: function (message) {
alert(message);
},
MegToo: function (messageToo) {
alert(messageToo);
}
});
頁面調用:jQuery.Meg("Hi,Stone");
其中Meg和MegToo爲我的jQuery自定義擴展方法,多個擴展方法之間用英文逗號隔開。
2.jQuery 所選對象擴展方法有兩種書寫方式。
a)jQuery 所選對象擴展方法實例一如下:
代碼如下:
jQuery.fn.extend({
ShowHtml: function (showhtml) {
jQuery(this).html(showhtml);
}
});
頁面調用:jQuery("#htmlDiv").ShowHtml("Stone,Hi!");
其中ShowHtml爲我的jQuery所選對象的擴展方法,多個擴展方法之間用英文逗號隔開。
b)jQuery 所選對象擴展方法實例二代碼如下:
代碼如下:
(function (jq) {
jq.fn.ShowHtmlToo = function (showhtml) {
jQuery(this).html(showhtml);
};
})(jQuery)
調用相同與方式一:jQuery("#htmlDiv").ShowHtmlToo("Stone,Hi!");
詳細出處參考:http://www.jb51.net/article/28440.htm
一、方式列表:
1.jQuery.extend(Object); // jQuery 本身的擴展方法
2.jQuery.fn.extent(Object); // jQuery 所選對象擴展方法
二、調用示例:
1.jQuery 本身的擴展方法實例如下:
代碼如下:
jQuery.extend({
Meg: function (message) {
alert(message);
},
MegToo: function (messageToo) {
alert(messageToo);
}
});
頁面調用:jQuery.Meg("Hi,Stone");
其中Meg和MegToo爲我的jQuery自定義擴展方法,多個擴展方法之間用英文逗號隔開。
2.jQuery 所選對象擴展方法有兩種書寫方式。
a)jQuery 所選對象擴展方法實例一如下:
代碼如下:
jQuery.fn.extend({
ShowHtml: function (showhtml) {
jQuery(this).html(showhtml);
}
});
頁面調用:jQuery("#htmlDiv").ShowHtml("Stone,Hi!");
其中ShowHtml爲我的jQuery所選對象的擴展方法,多個擴展方法之間用英文逗號隔開。
b)jQuery 所選對象擴展方法實例二代碼如下:
代碼如下:
(function (jq) {
jq.fn.ShowHtmlToo = function (showhtml) {
jQuery(this).html(showhtml);
};
})(jQuery)
調用相同與方式一:jQuery("#htmlDiv").ShowHtmlToo("Stone,Hi!");
詳細出處參考:http://www.jb51.net/article/28440.htm
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.