JS技术

Jquery 的扩展方法总结_Javascript教程

字号+ 作者:H5之家 来源:H5之家 2015-09-17 17:11 我要评论( )

Jquery 的扩展方法总结,学习Jquery 的扩展方法总结,Jquery 的扩展方法总结,查看Jquery 的扩展方法总结,一、方式列表: 1.jQuery.extend(Object); // 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!"); 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评