JQuery Training

最新推荐文章于 2025-12-21 13:28:14 发布

原创最新推荐文章于 2025-12-21 13:28:14 发布 · 95 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

JQuery 专栏收录该内容

6 篇文章

订阅专栏

本文介绍使用jQuery时的一些最佳实践，包括选择正确的选择器、避免频繁DOM操作、利用事件委托提高性能、理解事件模型等关键概念。

[b]Use the newest version jQuery
Use the right selector
Understand the parent and children[/b]

$parent.find(‘.child’)
效率最高
$('#parent .child')
$('#parent .child') 
效率差

[b]Don’t abuse jQuery
Use cache
Chaining
Event delegation[/b]

delegate()  代理子元素的动作， 效率高
$('#nav').delegate('a', 'click', function(e) {
 e.preventDefault();
});

[b]DOM Event Model[/b]

1, Capture phase
2, target phase
3, bubble phase

[img]http://dl.iteye.com/upload/attachment/0075/2867/86075490-bff7-39e5-8482-559290e66e1c.jpg[/img]

[b]Diff between click(), delegate() and live()
Don’t change DOM frequently[/b]
每次用appendTo方式加上节点，都会改变dom的结构，浏览器需要重画html
这时可以用detach 等很多appendTo都执行好了，再add回DOM。

[b]Understand loops
Avoid construct new jQuery objects unless necessary[/b]