jquery的扩展方法介绍

简介:     最近一直在写js,这其中也少不了一位js的主角了jQuery,下面介绍的是jQuery的一些扩展,也就是jQuery的扩展方法,jQuery的扩展方法有两种方式,一种是jQuery本身的扩展方法,另一种是jQuery所选对象的扩展方法,下面一起来看。

    最近一直在写js,这其中也少不了一位js的主角了jQuery,下面介绍的是jQuery的一些扩展,也就是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!");


【Stone 制作整理,引用请写明出处谢谢合作,联系QQ:1370569】




img_fa0be433d68c8212b2b0b3b1a564ccb1.png
如果本文对你有所帮助,请打赏——1元就足够感动我:)
支付宝打赏 微信打赏
联系邮箱:intdb@qq.com
我的GitHub: https://github.com/vipstone
关注公众号: img_9bde0f31ac4a0eca10b1bd7414b78faf.png


作者: 王磊
出处: http://vipstone.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,请标明出处。

相关文章
|
5月前
|
JavaScript CDN
jQuery方法小记
jQuery方法小记
42 0
|
3天前
|
JavaScript
jQuery 效果 方法
jQuery 效果 方法
7 3
|
5天前
|
JavaScript 前端开发
jQuery - noConflict() 方法
jQuery - noConflict() 方法
13 5
|
2月前
|
存储 JSON JavaScript
jQuery 方法大全
jQuery 方法大全
|
5月前
|
JavaScript 前端开发 API
jquery的一些方法
jquery的一些方法
32 1
|
5月前
|
JavaScript
jQuery的链式编程
jQuery的链式编程
|
5月前
|
JavaScript 前端开发 开发者
jquery常用的方法函数
jquery常用的方法函数
|
JavaScript 前端开发 API
JQuery好用的方法
JQuery好用的方法
65 0
|
JavaScript
jquery其他方法-49
jquery其他方法-49
80 0
jquery其他方法-49
|
JavaScript 前端开发