Maison > interface Web > js tutoriel > Jquery 的扩展方法总结_jquery

Jquery 的扩展方法总结_jquery

WBOY
Libérer: 2016-05-16 18:01:27
original
1189 Les gens l'ont consulté

一、方式列表:
  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!");
【Stone 制作整理】
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal