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实际应用:innerHTMl和确认提示的使用
Jun 22 Javascript
jquery控制listbox中项的移动并排序的实现代码
Sep 28 Javascript
jQuery .attr()和.removeAttr()方法操作元素属性示例
Jul 16 Javascript
node.js中的console.error方法使用说明
Dec 10 Javascript
JS跨域交互(jQuery+php)之jsonp使用心得
Jul 01 Javascript
Ionic2系列之使用DeepLinker实现指定页面URL
Nov 21 Javascript
JS验证字符串功能
Feb 22 Javascript
浅谈对Angular中的生命周期钩子的理解
Jul 31 Javascript
Vux+Axios拦截器增加loading的问题及实现方法
Nov 08 Javascript
Vue+element 解决浏览器自动填充记住的账号密码问题
Jun 11 Javascript
一些可能会用到的Node.js面试题
Jun 15 Javascript
jquery树形插件zTree高级使用详解
Aug 16 jQuery
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
2.PHP入门
2006/10/09 PHP
PHP中实现汉字转区位码应用源码实例解析
2010/06/14 PHP
laravel 解决groupBy时出现的错误 isn't in Group By问题
2019/10/17 PHP
Chrome Form多次提交表单问题的解决方法
2011/05/09 Javascript
Jquery选择器中使用变量实现动态选择例子
2014/07/25 Javascript
Javascript访问器属性实例分析
2014/12/30 Javascript
jQuery中hover方法和toggle方法使用指南
2015/02/27 Javascript
Webpack 实现 Node.js 代码热替换
2015/10/22 Javascript
nodejs socket实现的服务端和客户端功能示例
2017/06/02 NodeJs
angularjs实现搜索的关键字在正文中高亮出来
2017/06/13 Javascript
JavaScript阻止表单提交方法(附代码)
2017/08/15 Javascript
微信小程序实现根据字母选择城市功能
2017/08/16 Javascript
vue 动态绑定背景图片的方法
2018/08/10 Javascript
VUE实时监听元素距离顶部高度的操作
2020/07/29 Javascript
[01:40]2014DOTA2国际邀请赛 三冰SOLO赛后采访恶搞
2014/07/09 DOTA
[55:03]LGD vs EG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
Python交换变量
2008/09/06 Python
python使用PyCharm进行远程开发和调试
2017/11/02 Python
python如何将图片转换为字符图片
2020/08/19 Python
python面向对象入门教程之从代码复用开始(一)
2018/12/11 Python
CentOS6.9 Python环境配置(python2.7、pip、virtualenv)
2019/05/06 Python
pytorch使用指定GPU训练的实例
2019/08/19 Python
解决Python logging模块无法正常输出日志的问题
2020/02/21 Python
解决Python3.8运行tornado项目报NotImplementedError错误
2020/09/02 Python
css3 线性渐变和径向渐变示例附图
2014/04/08 HTML / CSS
德国大型的家具商店:Pharao24.de
2016/10/02 全球购物
StubHub新加坡:购买和出售全球活动门票
2017/03/10 全球购物
Hunter Boots美国官方网站:赫特威灵顿雨靴
2018/06/16 全球购物
巴西最大的玩具连锁店:Ri Happy
2020/06/17 全球购物
新浪网技术部笔试题
2016/08/26 面试题
研究生毕业鉴定
2014/01/29 职场文书
骨干教师培训方案
2014/05/06 职场文书
职员竞岗演讲稿
2014/05/14 职场文书
妇联主席先进事迹
2014/05/18 职场文书
golang中的空接口使用详解
2021/03/30 Python
解决MySQL Varchar 类型尾部空格的问题
2022/04/06 MySQL