jquery性能优化28条（六）_real小辉侠

http://blog.sina.com.cn/u/2046684565

首页博文目录关于我

个人资料

微博

加好友发纸条

写留言加关注

博客等级：
博客积分：

博客访问：
关注人气：
获赠金笔：0支
赠出金笔：0支
荣誉徽章：

正文字体大小：大中小

jquery性能优化28条（六）

(2011-12-23 14:26:58)

标签：

jquery

性能优化

it

分类： jquery那些事

三、关于优化事件性能的建议

16. 推迟到$(Window).load

有时候采用$(window).load()比$(document).ready()更快，因为后者是在所有的DOM元素都下载完入之后再执行。你应该在使用它之前测试它。

17. 使用Event Delegation(冒泡）

当你在一个容器中有许多节点，你想对所有的节点都绑定一个事件，delegation很适合这样的应用场景。使用Delegation，我们仅需要在父级绑定事件，然后查看哪个子节点(目标节点)触发了事件。当你有一个很多数据的table的时候，你想对td节点设置事件，这就变得很方便。先获得table，然后为所有的td节点设置delegation事件：

1

2

3

$("table").delegate("td",

"hover",

function(){

$(this).toggleClass("hover");

});

阅读更多相关内容

18. 使用ready事件的简写

如果你想压缩js插件，节约每一个字节，你应该避免使用$(document).onready()

1

2

3

4

5

6

7

8

// 也不要使用

$(document).ready(function

(){

// 代码

});

// 你可以如此简写：

$(function

(){

// 代码

});

阅读┊ 收藏 ┊ 喜欢 ▼ ┊打印┊举报/Report

前一篇：jquery性能优化28条（五）

后一篇：jquery性能优化28条（七）

新浪BLOG意见反馈留言板　欢迎批评指正