开发第三方插件
开发第三方插件是我们提高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');
通过这个技巧(使用独立的插件名),我们可以避免命名空间内函数的冲突。
分享到:
- 2008-02-19 10:54
- 浏览 1732
- 评论(4)
- 论坛回复 / 浏览 (1 / 11826)
- 查看更多
相关推荐
jquery 插件开发 pdf
jQuery插件开发及常用插件大全PDF;jQuery插件开发.pdf、jQuery常用插件大全.pdf
jQuery插件开发全解析 可提高封装能力和js编程能力。
JQuery插件的写法 最常用的jquery插件开发方式(教程合集) jquery插件的例子 jQuery插件开发教程_看这一本就行了 JQuery插件写法 jq插件最常用的写法
jquery 插件开发详解通过$.extend()来扩展jQuery 通过$.fn 向jQuery添加新的方法 通过$.widget()应用jQuery UI的部件工厂方式创建
通用 JQuery 插件开发,及相关示例
NULL 博文链接:https://zhoucl.iteye.com/blog/1239737
Jquery开发文档,为pdf格式,希望对你有所帮助。Jquery开发文档,为pdf格式,希望对你有所帮助。
NULL 博文链接:https://fbinbin.iteye.com/blog/2330594
jQuery插件开发全解析.pdf 详细叙述了jquery脚本开发 JQuery插件开发
jquery插件开发快速入门
这里提供最基础的jquery插件编辑方法,为jquery插件学习者提供帮助。
NULL 博文链接:https://lpyyn.iteye.com/blog/2094991
目前唯一一本专门讲解Jquery开发的图书,也介绍了很多已经存在的插件的使用方法,该书是刚刚发行,第一手英文资料,BS开放者不可或缺的一本分床头资料。
本文详细介绍基于jQuery开发插件的方式及步骤,其中附有代码和说明,是jq插件开发的入门教程。jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend(object); 给jQuery对象添加方法。 jQuery.extend(object);...
Jquery插件开发技术.
jQuery插件的简单介绍,可以帮你很快的了解jQuery