WEB开发网
开发学院网页设计JavaScript 使用 jQuery(中级),第 2 部分: 创建自己的插件... 阅读

使用 jQuery(中级),第 2 部分: 创建自己的插件

 2010-01-14 00:00:00 来源:WEB开发网   
核心提示: 文件命名为 “jquery.<your plug-in name>.js”这是有道理的,因为您希望用户查看文件时立即知道这是一个 jQuery 插件以及这是哪个插件,使用 jQuery(中级),第 2 部分: 创建自己的插件(3),检查完毕,我的插件将命名为

文件命名为 “jquery.<your plug-in name>.js”
这是有道理的,因为您希望用户查看文件时立即知道这是一个 jQuery 插件以及这是哪个插件。

检查完毕。我的插件将命名为 “jquery.numberformatter.js”。

所有新方法都附加到 jQuery.fn 对象,所有新功能都附加到 jQuery 对象
现阶段这可能有点难以理解,在下一节我将讨论更多内容,因为这是实际编码过程中最重要的规则。

检查完毕。我的方法/函数将仅附加到这两个对象。

“this” 用于引用 jQuery 对象
这有利于插件作者的编写,它让所有插件作者在引用 “this” 时都知道将从 jQuery 收到哪个对象。

检查完毕。我将仅使用 “this” 引用 jQuery 对象。

插件中定义的所有方法/函数的末尾都必须带有一个 “;”(分号),否则将不利于代码的最小化。
因为这是最小化 JavaScript 文件的最佳实践,大于最小值会很糟糕,您的插件有可能很快就被抛弃。

检查完毕。所有的方法/函数都将以 “;” 结尾。

除有特别注明外,所有方法都必须返回 jQuery 对象
jQuery 方法的顺序链 (daisy-chaining) 非常著名,如果您编写打破链条的插件,它就一定会 “打破链条”。

检查完毕。我的 format() 方法将返回 jQuery 对象,虽然我的 parse() 方法没有返回 jQuery 对象,但我在很多地方都注明该函数打破了链条。(毕竟,它不可能返回一个 Number 对象而不打破链条)。

您应该总是使用 this.each() 迭代匹配的元素,这是一种可靠而有效地迭代对象的方式。
出于性能和稳定性考虑,他们推荐所有的方法都使用它迭代匹配的元素。

编缉推荐阅读以下文章

  • 使用 jQuery(中级),第 1 部分: 使用插件创建和扩展 jQuery 函数
  • 使用 jQuery,第 3 部分: 用 jQuery 和 Ajax 构建富 Internet 应用程序
  • 使用 jQuery,第 2 部分: 构建未来的 Web 应用程序
  • 使用 jQuery,第 1 部分: 将桌面应用程序引入浏览器

上一页  1 2 3 4 5 6 7 8  下一页

Tags:使用 jQuery 中级

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接