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 RadioButtonList获取选中值
Apr 09 Javascript
jquery提示 "object expected"的解决方法
Dec 13 Javascript
JQuery下关于$.Ready()的分析
Dec 13 Javascript
javascript如何定义对象数组
Jun 07 Javascript
解析jQueryEasyUI的使用
Nov 22 Javascript
JavaScript纯色二维码变成彩色二维码
Jul 23 Javascript
Angular.JS中指令ng-if、ng-show/ng-hide和ng-switch的使用教程
May 07 Javascript
利用jQuery异步上传文件的插件用法详解
Jul 19 jQuery
Vue使用自定义指令实现拖拽行为实例分析
Jun 06 Javascript
在Vue中使用Echarts实例图的方法实例
Oct 10 Javascript
vuex中遇到的坑,vuex数据改变,组件中页面不渲染操作
Nov 16 Javascript
前端JS获取URL参数的4种方法总结
Apr 05 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中__get()和__set()的用法实例详解
2013/06/04 PHP
PHP实现支持加盐的图片加密解密
2016/09/09 PHP
PHP中功能强大却很少使用的函数实例小结
2016/11/10 PHP
Yii2 队列 shmilyzxt/yii2-queue 简单概述
2017/08/02 PHP
Ajax中的JSON格式与php传输过程全面解析
2017/11/14 PHP
Ajax中的JSON格式与php传输过程全面解析
2017/11/14 PHP
Autocomplete Textbox Example javascript实现自动完成成功
2007/08/17 Javascript
Js,alert出现乱码问题的解决方法
2013/06/19 Javascript
JQuery实现鼠标滑过显示导航下拉列表
2013/09/12 Javascript
面向切面编程(AOP)的理解
2015/05/01 Javascript
在Mac OS上安装使用Node.js的项目自动化构建工具Gulp
2016/06/18 Javascript
深入理解jQuery.data() 的实现方式
2016/11/30 Javascript
JavaScript中object和Object的区别(详解)
2017/02/27 Javascript
nuxt+axios解决前后端分离SSR的示例代码
2017/10/24 Javascript
JS点击动态添加标签、删除指定标签的代码
2018/04/18 Javascript
JavaScript原型对象原理与应用分析
2018/12/27 Javascript
JavaScript中的一些实用小技巧总结
2019/04/07 Javascript
基于javascript实现碰撞检测
2020/03/12 Javascript
JS自定义右键菜单实现代码解析
2020/07/16 Javascript
Js图片点击切换轮播实现代码
2020/07/27 Javascript
Python(Tornado)模拟登录小米抢手机
2013/11/12 Python
Django中cookie的基本使用方法示例
2018/02/03 Python
Django框架模板介绍
2019/01/15 Python
解决pycharm每次新建项目都要重新安装一些第三方库的问题
2019/01/17 Python
python 实现dict转json并保存文件
2019/12/05 Python
Python3 selenium 实现QQ群接龙自动化功能
2020/04/17 Python
Python PyQt5运行程序把输出信息展示到GUI图形界面上
2020/04/27 Python
python3的pip路径在哪
2020/06/23 Python
Fashion Eyewear美国:英国线上设计师眼镜和太阳镜的零售商
2016/08/15 全球购物
俄罗斯和世界各地的酒店预订:Hotels.com俄罗斯
2016/08/19 全球购物
公司中秋节活动方案
2014/02/12 职场文书
消防安全标语
2014/06/07 职场文书
作风年建设汇报材料
2014/08/14 职场文书
劳动纠纷调解协议书格式
2014/11/30 职场文书
元旦主持词开场白
2015/05/29 职场文书
CSS 实现多彩、智能的阴影效果
2021/05/12 HTML / CSS