jQuery代码技巧

一些优化性能的技巧

• 缓存变量
• 避免全局变量
• 使用匈牙利命名法
• 使用 Var 链（单 Var 模式）
• 请使用On方法注册事件
• 合并同一个对象上的多次操作，比如修改样式
• 链式操作
• 维持代码的可读性
• 选择短路求值, &&和||
• 选择捷径
• 繁重的操作中分离元素: 如果你打算对DOM元素做大量操作（连续设置多个属性或css样式），建议首先分离元素然后在添加。
• 熟记技巧, 比如: $.data('#id', key, value)比$('#id').data(key, value)高效
• 使用子查询缓存的父元素: DOM遍历是一项昂贵的操作。典型做法是缓存父元素并在选择子元素时重用这些缓存元素。
• 避免通用选择符: 将通用选择符放到后代选择符中，性能非常糟糕。
• 避免隐式通用选择符: 通用选择符有时是隐式的，不容易发现。
• 优化选择符: Id选择符应该是唯一的，所以没有必要添加额外的选择符。

• 参考资料

• 编写更好的jQuery代码的建议

• 50个jQuery代码段帮你成为更好的JavaScript开发者

原文: https://leohxj.gitbooks.io/front-end-database/content/jQuery/writing-better-jquery-code.html