缓存jQuery对象来提高性能

jQuery使元素的选择变得异常简单，这也是它快速流行起来的一大原因，如果你看刚刚开始使用jQuery朋友写的代码时，会发现很多数人写的代码都在滥用jQuery选择器。如果你发现同一元素被查找多次时，你就应该将该jQuery对象缓存起来，不然每次查找都要遍历整个文档。这个话题可能显得有点老生常谈，因为这几天写的东西都和调试jQuery代码有关系，所以将这个问题再次说明一下。关于在控制台中打印程序执行时间大家可以参考下使用 console.time() 计算jQuery代码执行时间，我们使用下边的代码做个简单的测试：

console.time('noSaved');
for (var i = 0; i < 1000; i++) {$('.no').text(i + ' ');
}
console.timeEnd('noSaved');console.time('saved');
var the = $('.yes');
for (var i = 0; i < 1000; i++) {the.text(i + ' ');
}
console.timeEnd('saved');

在chrome下按F12打开控制台，下图是不保存jQuery对象和保存jQuery对象时执行时间的对比，相信通过此图你会开始重视代码的性能。

当我换用较新版本的jQuery测试时发现新版本的jQuery在选择器上性能并没有提高，反而有所下降，大家可以在自己电脑上试试！

作者：jQuery学习

除非注明，jQuery学习网文章均为原创，转载时必须以链接形式标明本文地址。

本文地址：http://www.jquery001.com/cache-jquery-object.html

转载于:https://www.cnblogs.com/tv151579/p/3867856.html

缓存jQuery对象来提高性能相关推荐

对象池回收对象_回收对象以提高性能
对象池回收对象总览在上一篇文章中,我说过对象反序列化更快的原因是由于使用了回收对象. 由于两个原因,这可能令人惊讶:1)相信如今创建对象是如此之快,无关紧要或与回收自己一样快,2)默认情况下,任何 ...
BOS12——多对多添加方法，多对多页面需要字段问题（不多的话直接提供get方法），修改Realm中授权方法（查询数据库），缓存Java对象的方法，加载左侧菜单（ztree提供pId）...
1.多对多添加方法 @Override public void add(Role model, String functionIds) {// 1.先将角色保存到数据库roleDao.save(mod ...
IO系统性能之二：缓存和RAID如何提高磁盘IO性能
高速缓存(Cache) RAID(Redundant Array Of Inexpensive Disks) 四个性能指标的变化 IO响应时间(IO Response Time) IOPS 传输速度( ...
JQuery常用功能的性能优化
使用最佳选择器通常比较常用的选择器有以下几个: 1.ID选择器 $("#id") 2.标签选择器 $("td") 3.类选择器 $(".target ...
python3 性能提升_整理下Python性能语法,非常有效的提高性能的tips
阅读 Zen of Python,在Python解析器中输入 import this. 一个犀利的Python新手可能会注意到"解析"一词, 认为Python不过是另一门脚本语言. ...
java项目怎样提高性能_Java程序员成长之路(如何提高Java程序性能？)
1.尽量在合适的场合使用单例使用单例可以减轻加载的负担,缩短加载的时间,提高加载的效率,但并不是所有地方都适用于单例,简单来说,单例主要适用于以下三个方面第一,控制资源的使用,通过线程同步来控制资 ...
Java 编程：如何提高性能？（简单总结篇）
2019独角兽企业重金招聘Python工程师标准>>> 开发者在编程中除了要有编程规范,还要注意性能,在 Java 编程中有什么提高性能的好办法呢? 本文转自国内 ITOM 行业领军 ...
读jquery 权威指南[7]-性能优化与最佳实践
一.优化选择器执行速度 1. 优先使用ID选择器和标记选择器使用选择器时应该首选ID选择器($("#id")),其次是标记选择器($("div")),最后再选 ...
.NET Framework 如何：提高性能
以下编程做法可以节省内存和改善设备应用程序的性能. 使用 Windows 窗体和图形节省内存对提供 BeginUpdate 和 EndUpdate 方法的控件使用这两种方法,提供这两种方法的控件包括 ...

缓存jQuery对象来提高性能

缓存jQuery对象来提高性能相关推荐

最新文章

热门文章