Jquery 的擴充套件方法總結
阿新 • • 發佈:2019-02-08
二、呼叫示例:
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!");
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!");