Jquery 的扩展方法总结


Posted in Javascript onOctober 01, 2011

一、方式列表:

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 相关文章推荐
js 获取屏幕各种宽高的方法(浏览器兼容)
May 15 Javascript
addEventListener 的用法示例介绍
May 07 Javascript
深入理解JavaScript系列(22):S.O.L.I.D五大原则之依赖倒置原则DIP详解
Mar 05 Javascript
Bootstrap布局方式详解
May 27 Javascript
JavaScript数据操作_浅谈原始值和引用值的操作本质
Aug 23 Javascript
jQuery在header中设置请求信息的方法
Mar 06 Javascript
各种选择框jQuery的选中方法(实例讲解)
Jun 27 jQuery
JQuery实现table中tr上移下移的示例(超简单)
Jan 08 jQuery
用Axios Element实现全局的请求loading的方法
Mar 15 Javascript
详解小程序用户登录状态检查与更新实例
May 15 Javascript
JavaScript实现移动端带transition动画的轮播效果
Mar 24 Javascript
vue通过过滤器实现数据格式化
Jul 20 Javascript
jQuery EasyUI API 中文文档 - Tabs标签页/选项卡
Oct 01 #Javascript
jQuery EasyUI API 中文文档 - Panel面板
Sep 30 #Javascript
JQuery获取文本框中字符长度的代码
Sep 29 #Javascript
Jquery Change与bind事件代码
Sep 29 #Javascript
jQuery EasyUI API 中文文档 - Documentation 文档
Sep 29 #Javascript
jQuery EasyUI API 中文文档 - Parser 解析器
Sep 29 #Javascript
jQuery EasyUI API 中文文档 - EasyLoader 加载器
Sep 29 #Javascript
You might like
php&java(二)
2006/10/09 PHP
PHP详细彻底学习Smarty
2008/03/27 PHP
PHP简单装饰器模式实现与用法示例
2017/06/22 PHP
JavaScript学习笔记(二) js对象
2011/10/25 Javascript
CSS(js)限制页面显示的文本字符长度
2012/12/27 Javascript
js实现右下角可关闭最小化div(可用于展示推荐内容)
2013/06/24 Javascript
ie8 不支持new Date(2012-11-10)问题的解决方法
2013/07/31 Javascript
js实现的常用的左侧导航效果
2013/10/17 Javascript
通过伪协议解决父页面与iframe页面通信的问题
2015/04/05 Javascript
jQuery简单实现仿京东商城的左侧菜单效果代码
2015/09/09 Javascript
javascript闭包(Closure)用法实例简析
2015/11/30 Javascript
使用jQuery实现Web页面换肤功能的要点解析
2016/05/12 Javascript
JSON中key动态设置及JSON.parse和JSON.stringify()的区别
2016/12/29 Javascript
Angular4学习教程之DOM属性绑定详解
2018/01/04 Javascript
详解Puppeteer 入门教程
2018/05/09 Javascript
JS异步处理的进化史深入讲解
2019/08/25 Javascript
Vue项目中使用flow做类型检测的方法
2020/03/18 Javascript
vue3+typeScript穿梭框的实现示例
2020/12/29 Vue.js
[01:37]TI4西雅图DOTA2前线报道 VG拿下首胜教练357给出获胜秘诀
2014/07/10 DOTA
python抽取指定url页面的title方法
2018/05/11 Python
使用numba对Python运算加速的方法
2018/10/15 Python
python并发和异步编程实例
2018/11/15 Python
Python基础之文件读取的讲解
2019/02/16 Python
TensorFLow 变量命名空间实例
2020/02/11 Python
python的链表基础知识点
2020/09/13 Python
Matplotlib animation模块实现动态图
2021/02/25 Python
详解CSS3中@media的实际使用
2015/08/04 HTML / CSS
一体化教学实施方案
2014/05/10 职场文书
美食节策划方案
2014/05/26 职场文书
五四演讲稿范文
2014/09/03 职场文书
2014年保卫科工作总结
2014/12/05 职场文书
汽车转让协议书
2015/01/29 职场文书
道歉情书大全
2015/05/12 职场文书
小学四年级班务总结该怎么写?
2019/08/16 职场文书
Python Django 后台管理之后台模型属性详解
2021/04/25 Python
基于JavaScript实现省市联动效果
2021/06/22 Javascript