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 相关文章推荐
JavaScript中URL编码函数代码
Jan 11 Javascript
解决JS中乘法的浮点错误的方法
Jan 03 Javascript
jQuery循环滚动新闻列表示例代码
Jun 17 Javascript
JavaScript lastIndexOf方法入门实例(计算指定字符在字符串中最后一次出现的位置)
Oct 17 Javascript
JavaScript实现的一个计算数字步数的算法分享
Dec 06 Javascript
浅谈SpringMVC中post checkbox 多选框value的值(隐藏域方式)
Jan 08 Javascript
简述JS控制台的使用
Jul 15 Javascript
Vue 配合eiement动态路由,权限验证的方法
Sep 26 Javascript
Vue-cli 移动端布局和动画使用详解
Aug 10 Javascript
实现vuex原理的示例
Oct 21 Javascript
Webpack的Loader和Plugin的区别
Nov 09 Javascript
解决基于 keep-alive 的后台多级路由缓存问题
Dec 23 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
国王的咖啡这么大来头,名字的由来是什么
2021/03/03 咖啡文化
php array_pop()数组函数将数组最后一个单元弹出(出栈)
2011/07/12 PHP
基于php split()函数的用法详解
2013/06/05 PHP
PHP中Session可能会引起并发问题
2015/06/26 PHP
PHP chop()函数讲解
2019/02/11 PHP
php查询内存信息操作示例
2019/05/09 PHP
总结一些js自定义的函数
2006/08/05 Javascript
js函数返回多个返回值的示例代码
2013/11/05 Javascript
使用js显示当前时间示例
2014/03/02 Javascript
js解析json读取List中的实体对象示例
2014/03/11 Javascript
深入理解Javascript里的依赖注入
2014/03/19 Javascript
jQuery通用的全局遍历方法$.each()用法实例
2016/07/04 Javascript
BootStrap selectpicker后台动态绑定数据的方法
2017/07/28 Javascript
NodeJs通过async/await处理异步的方法
2017/10/09 NodeJs
js 两个日期比较相差多少天的实例
2017/10/19 Javascript
javascript浏览器用户代理检测脚本实现方法
2017/10/27 Javascript
webpack4 升级迁移的实现
2018/09/12 Javascript
解决vue中虚拟dom,无法实时更新的问题
2018/09/15 Javascript
vue-quill-editor富文本编辑器简单使用方法
2018/09/21 Javascript
JS实现利用闭包判断Dom元素和滚动条的方向示例
2019/08/26 Javascript
[49:58]完美世界DOTA2联赛PWL S3 Magma vs DLG 第一场 12.18
2020/12/19 DOTA
对python中的logger模块全面讲解
2018/04/28 Python
Python+Selenium使用Page Object实现页面自动化测试
2019/07/14 Python
Django REST Framework之频率限制的使用
2019/09/29 Python
python itsdangerous模块的具体使用方法
2020/02/17 Python
python使用多线程查询数据库的实现示例
2020/08/17 Python
Python虚拟环境virtualenv创建及使用过程图解
2020/12/08 Python
Probikekit欧盟:在线公路自行车专家
2019/07/12 全球购物
电气工程及其自动化学生实习自我鉴定
2013/09/19 职场文书
经济学博士求职自荐信范文
2013/11/23 职场文书
员工工作表扬信范文
2014/01/13 职场文书
计算机个人求职信范例
2014/01/24 职场文书
美术毕业生求职信
2014/02/25 职场文书
卫校毕业生自我鉴定
2014/09/28 职场文书
升学宴学生致辞
2015/09/29 职场文书
Android开发手册TextInputLayout样式使用示例
2022/06/10 Java/Android