jQuery - plugin 代码模型
1、扩展 jQuery 的全局函数,主要以 $.xxx() 的形式调用
(function($) {
$.myFunction = function(array) {
// code
}
})(jQuery);
在外部可以这样调用 $.myFunction(...),但是,最好把自定义的全局函数放在自己的命名空间中,如下,
(function($) {
$.myNameSpace = {
sum: function(array) {
// code
},
average: function(array) {
// code
}
};
})(jQuery);
那么,在外部调用时也要添加上空间名称,$.myNameSpace.sum(...)
2、扩展 jQuery 对象的方法
jQuery.fn 对象实际是 jQuery.Prototype 的别名,也就是说 jQuery.fn 是 jQuery 对象的原型,
那么通过扩展 jQuery.fn 对象,也就是为 jQuery 对象添加新的方法。
(function($) {
// 创建可在外部修改的默认值
$.fn.shadow.defaults = {
copies: 5,
opacity: 0.1,
copyOffset: function(index) {
// code
}
};
// 给 jQuery 对象添加新方法 shadow(opts)
$.fn.shadow = function(opts) {
var options = $.extend({}, $.fn.shadow.defaults, opts);
// code
......
// 注意:此处(方法内部)的 this 指的是调用 shadow() 方法的 jQuery 对象。
}
)(jQuery);
那么,以上方法可以这样调用,$("p, div").shadow(...);
最新文章
- Apache Spark源码走读之9 -- Spark源码编译
- ext DateTime.js在ie下显示不全
- android自定义UI模板图文详解
- KafkaSpout: PartitionManager的行为分析
- Visual Studio中的一些较大的文件的作用
- 在Apache下开启SSI配置支持include shtml html和快速配置服务器
- asp.net手动填充TreeView生成树
- ES5 object的新函数
- css3之border-color
- MVC学习笔记--IEnumerable的用法
- 在ubuntu linux 中编写一个自己的python脚本
- Hibernate第九篇【组件映射、继承映射】
- while,for,if输入账号密码判断(还请各位大牛能够优化,本人刚学习一周)
- Angular 框架下ng-repeat内部使用tooltip插件的办法
- HTML5中的input type为file控件限制上传文件类型及扩展
- Python 练习: 简单的用户登录判断
- .net 加密与解密
- Python实现邮件的批量发送
- PS教程:如何批量处理图片
- 4951: [Wf2017]Money for Nothing 决策单调性 分治
热门文章
- c/c++创建动态链接库
- Java 对文件的读取操作
- SQLServer2008R2 error 40解决方法
- 阐述程序员如何实现IT职业定位
- javax/javaee-api/ Maven依赖
- C# 遍历文件夹下所有子文件夹中的文件,得到文件名
- alphaBlend
- List<;Map<;String,Object>;>;使用Java代码遍历
- 在VisualStudio2012环境下安装ArcEngine 10.0
- poj -- 1042 Gone Fishing(枚举+贪心)