关于开发Jquery第三方插件
来源:互联网 发布:淘宝店铺保证金计划 编辑:程序博客网 时间:2024/05/16 04:37
开发第三方插件是我们提高JQuery代码经验的不错的选择,当我们的代码想要重用的时候,我们总是习惯把这些代码封装成一个插件,幸运的是在JQuery中这并不比写代码复杂多少。
添加一个新的全局函数
JQuery的全局函数也就是属于JQuery命名空间的函数,典型的例子就是$.AJAX()这个函数。将函数定义于Jquery的命名空间,我们只需要担心,它是否与其他函数存在冲突。
添加一个全局函数,我们只需如下定义:
jQuery.foo = function() { alert('This is a test. This is only a test.');};
调用的时候可以这样写:
jQuery.foo();
也可以这样写:
$.foo();
定义多个全局函数,如果我们的插件需要多个全局函数,可以如下定义
jQuery.foo = function() { alert('This is a test. This is only a test.');};jQuery.bar = function(param) { alert('This function takes a parameter, which is "' + param + '".');};
同时这两个方法我们可以如下调用
$.foo();$.bar('baz');
当然我们也可以使用$.extend()这个函数扩展来代替以上的定义
jQuery.extend({ foo: function() { alert('This is a test. This is only a test.'); }, bar: function(param) { alert('This function takes a parameter, which is "' + param +'".'); }});
以上效果是相同的,虽然在Jquery命名空间中,我们禁止使用了大量的javaScript函数名和变量名。但是仍然不可避免某些函数或变量名将于其他Jquery插件冲突,因此我们习惯将一些方法封装到另一个自定义的命名空间。
jQuery.myPlugin = { foo: function() { alert('This is a test. This is only a test.'); }, bar: function(param) { alert('This function takes a parameter, which is "' + param + '".'); }};
当然我们仍然可以认为这些函数为全局函数,我们可以如下调用
$.myPlugin.foo();$.myPlugin.bar('baz');
通过这个技巧(使用独立的插件名),我们可以避免命名空间内函数的冲突。
- 关于开发Jquery第三方插件
- 应用第三方的jQuery Tag插件
- JQuery 第三方插件,获取设置Cookie
- 插件开发 第三方jar包
- 混合开发与第三方插件
- JQuery 第三方插件,UI插件,显示对话框
- JQuery 第三方插件,jqzoom插件,图片放大镜
- 关于Eclipse RCP开发插件工程导入第三方jar包方法
- DWZ(JUI) 教程 中如何整合第三方jQuery插件
- ”凤毛麟角的ZendFramework“-ZendFramework使用Jquery第三方插件。
- DWZ(JUI) 教程 中如何整合第三方jQuery插件
- DWZ(JUI) 教程 中如何整合第三方jQuery插件
- DWZ中如何整合第三方jQuery插件
- 如何解决jquery与第三方插件库冲突问题
- nuxt引入第三方插件的方法 比如jQuery
- 第三方插件
- 一:第三方插件
- Unity第三方插件
- 迁移CVS服务器地址替换脚本
- 民主与法治
- Thread问题,单线程,单线程与UI线程
- 谈谈软件测试的职业发展
- 《〈XNova/OGame〉源码笔记》(5)
- 关于开发Jquery第三方插件
- JBPM的一些出错信息以及对应修改办法 续1
- C discovery
- 远程漏洞扫描实现云安全
- DB2字段类型研究 --- INTEGER或INT(大整型)
- ASP.NET 2.0 解决中文乱码问题
- 学习...
- Oracle 中如何判断一个字符串是否为数字
- ArcEngine 渲染的使用