Jquery 的扩展方法总结_Javascript教程-查字典教程网
Jquery 的扩展方法总结
Jquery 的扩展方法总结
发布时间:2016-12-30 来源:查字典编辑
摘要:一、方式列表:1.jQuery.extend(Object);//jQuery本身的扩展方法2.jQuery.fn.extent(Objec...

一、方式列表:

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 制作整理】

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类