龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

jQuery选择器深入分析:避免不必要的调用

时间:2013-03-06 14:58来源:未知 作者:admin 点击:
分享到:
上周我认真分析了一个Web 页面,它在onLoad 事件中处理一段定制脚本文件用了4.8 秒。结果是其中2.8 秒消耗在动态菜单库上(将会在博客中单独记录),剩下的 2 秒花费在jQuery的选择器上。

上周我认真分析了一个Web 页面,它在onLoad 事件中处理一段定制脚本文件用了4.8 秒。结果是其中2.8 秒消耗在动态菜单库上(将会在博客中单独记录),剩下的 2 秒花费在jQuery的选择器上。分析显示多数选择器不返回任何对象,而那些会返回对象的选择器可考虑用不同的选择器来改善性能。

关于jQuery选择器

有大量的日志文章论述了jQuery选择器及它们的性能影响。正如你所知,可以通过 ID, TagName 或 ClassName 选择元素。依赖于不同的选择器, jQuery 会使用浏览器本地方法,如 通过 ID 或标签来选择元素,或者在使用类名选择时须手工从 DOM 中遍历获得元素(因为在 IE  中不存在相应的 getElementsByClssName).

分析我的页面时间中这 2 秒

在 onLoad 处理器中对页面中某些特定的元素使用 jQuery 设置为隐藏,显示或改变样式表...。这里是一个代码片断:

onLoad 中的 jQuery 脚本样例

精彩图集

赞助商链接