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 寻址,闭包,对象模型和相关问题
Apr 27 Javascript
javascript计算当月剩余天数(天数计算器)示例代码
Jan 09 Javascript
给html超链接设置事件不使用href来完成跳
Apr 20 Javascript
iframe调用父页面函数示例详解
Jul 17 Javascript
利用NPM淘宝的node.js镜像加速nvm
Mar 27 Javascript
基于JS实现移动端左滑删除功能
Jul 28 Javascript
微信小程序显示下拉列表功能【附源码下载】
Dec 12 Javascript
最后说说Vue2 SSR 的 Cookies 问题
May 25 Javascript
vue实现微信分享链接添加动态参数的方法
Apr 29 Javascript
Bootstrap实现模态框效果
Sep 30 Javascript
vue实现下载文件流完整前后端代码
Nov 17 Vue.js
JavaScript canvas实现流星特效
May 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 文件类型判断代码
2009/03/13 PHP
用PHP将网址字符串转换成超链接(网址或email)
2010/05/25 PHP
Zend studio文件注释模板设置方法
2013/09/29 PHP
smarty模板引擎之分配数据类型
2015/03/30 PHP
PHP使用ActiveMQ实例
2018/02/05 PHP
JavaScript ( (__ = !$ + $)[+$] + ({} + $)[_/_] +({} + $)[_/_] )
2011/02/25 Javascript
Extjs中通过Tree加载右侧TabPanel具体实现
2013/05/05 Javascript
nodejs文件操作模块FS(File System)常用函数简明总结
2014/06/05 NodeJs
使用jquery.qrcode生成彩色二维码实例
2014/08/08 Javascript
推荐10个2014年最佳的jQuery视频插件
2014/11/12 Javascript
jQuery获得document和window对象宽度和高度的方法
2015/03/25 Javascript
js代码实现随机颜色的小方块
2015/07/30 Javascript
Angularjs整合微信UI(weui)
2016/03/15 Javascript
javascript获取select标签选中的值
2016/06/04 Javascript
原生JS实现轮播效果+学前端的感受(防止走火入魔)
2016/08/21 Javascript
ionic cordova一次上传多张图片(类似input file提交表单)的实现方法
2016/12/16 Javascript
js时间查询插件使用详解
2017/04/07 Javascript
jQuery zTree树插件动态加载实例代码
2017/05/11 jQuery
Vue.js实现实例搜索应用功能详细代码
2017/08/24 Javascript
Three.js基础学习教程
2017/11/16 Javascript
解决nuxt页面中mounted、created、watch执行两遍的问题
2020/11/05 Javascript
详解template标签用法(含vue中的用法总结)
2021/01/12 Vue.js
Python中定时任务框架APScheduler的快速入门指南
2017/07/06 Python
PyQt5实现五子棋游戏(人机对弈)
2020/03/24 Python
python3正则提取字符串里的中文实例
2019/01/31 Python
python实现QQ空间自动点赞功能
2019/04/09 Python
python数据预处理之数据标准化的几种处理方式
2019/07/17 Python
python修改字典键(key)的方法
2019/08/05 Python
Django框架model模型对象验证实现方法分析
2019/10/02 Python
Python类反射机制使用实例解析
2019/12/30 Python
python中scipy.stats产生随机数实例讲解
2021/02/19 Python
python 实现有道翻译功能
2021/02/26 Python
详解使用CSS3的@media来编写响应式的页面
2017/11/01 HTML / CSS
梅花魂教学反思
2014/04/25 职场文书
二手房购房协议书范本
2014/10/05 职场文书
CSS实现五种常用的2D转换
2021/12/06 HTML / CSS