使用 jQuery(中级),第 2 部分: 创建自己的插件
2010-01-14 00:00:00 来源:WEB开发网文件命名为 “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 部分: 将桌面应用程序引入浏览器
更多精彩
赞助商链接