1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head runat="server">
  3. <title>for与each性能比较</title>
  4. <script src="../Cks/jquery-1.7.1.min.js" type="text/javascript"></script>
  5. <script type="text/javascript" language="javascript">
  6. function getSelectLength() {
  7. var time1 = new Date().getTime();
  8. var len = $("#select_test").find("option").length;
  9. var selectObj = $("#select_test");
  10. for (var i = 0; i < len; i++) {
  11. if (selectObj.get(0).options[i].text == "111111") {
  12. selectObj.get(0).options[i].selected = true;
  13. break;
  14. }
  15. }
  16. var time2 = new Date().getTime();
  17. alert("for循环执行时间：" + (time2 - time1));
  18. time1 = new Date().getTime();
  19. $("#select_test").find("option").each(function () {
  20. if ($(this).text() == "111111") {
  21. $(this)[0].selected = true;
  22. }
  23. });
  24. time2 = new Date().getTime();
  25. alert("each循环执行时间：" + (time2 - time1));
  26. }
  27. </script>
  28. </head>
  29. <body>
  30. <form id="form1" runat="server">
  31. <div><select id="select_test">
  32. <option value='1'>111111</option>
  33. <option value='2'>222222</option>
  34. <option value='3'>333333</option>
  35. <option value='4'>444444</option>
  36. <option value='5'>5</option>
  37. <option value='6'>6</option>
  38. <option value='7'>7</option>
  39. <option value='8'>8</option>
  40. <option value='9'>9</option>
  41. <option value='10'>10</option>
  42. <option value='11'>11</option>
  43. <option value='12'>12</option>
  44. <option value='13'>13</option>
  45. <option value='14'>14</option>
  46. <option value='15'>15</option>
  47. <option value='16'>16</option>
  48. <option value='17'>17</option>
  49. <option value='18'>18</option>
  50. <option value='19'>19</option>
  51. <option value='20'>20</option>
  52. </select><input type="button" value="开始比较" onclick="getSelectLength();" /></div>
  53. <div>
  54. </form>
  55. </body>
  56. </html>

输入出入：

for循环执行时间：1
each循环执行时间：3

两次结果直接说明了问题。

jquery的each和js原生for循环性能对比的更多相关文章

  1. jquery $(document).ready() 与js原生的window.onload的区别总结

    Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的. 1.执行时间       ...

  2. 仿jQuery的siblings效果的js原生代码

    仿jQuery的siblings效果的js原生代码 <previousSibling> 属性返回选定节点的上一个同级节点(在相同树层级中的前一个节点). <nextSibling&g ...

  3. js原生的url操作函数，及使用方法。（附：下边还有jquery对url里的中文解码函数）

    js原生的url操作函数,完善的. /*****************************/ /* 动态修改url */ /*****************************/ var ...

  4. 图片轮播(左右切换)--JS原生和jQuery实现

    图片轮播(左右切换)--js原生和jquery实现 左右切换的做法基本步骤跟 上一篇文章  淡入淡出 类似,只不过修改了一些特定的部分 (1)首先是页面的结构部分 对于我这种左右切换式 1.首先是个外 ...

  5. 图片轮播(淡入淡出)--JS原生和jQuery实现

    图片轮播(淡入淡出)--js原生和jquery实现 图片轮播有很多种方式,这里采用其中的 淡入淡出形式 js原生和jQuery都可以实现,jquery因为封装了很多用法,所以用起来就简单许多,转换成j ...

  6. js原生 + jQuery实现页面滚动字幕

    js原生/jQuery实现页面滚动字幕效果 17:45:49 在新闻列表或者文章列表信息等页面中很容易要求实现字幕滚动的效果,以下为简单的实现页面中滚动字幕的效果 1.jQuery实现页面滚动字幕效果 ...

  7. JS原生Ajax&Jquery的Ajax技术&Json

    1.介绍Ajax Ajax = 异步 JavaScript 和 XML Ajax是一种创建快速动态网页的技术 通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新.这意味着可以不用整个 ...

  8. 认识JQuery，JQuery的优势、语法、多库冲突、JS原生对象和JQuery对象之间相互转换和DOM操作，常用的方法

    (一)认识JQuery  JQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一套定义好的方法    JQuery的主旨:以更少的代码,实现更多的功能 (二)JQue ...

  9. 使用jQuery.makeArray() 将多种类型转换成JS原生Array

    jQuery.makeArray(obj)这个函数从名字上来看非常easy猜出它的用途:应该是用来将传入的对象转换成一个原生array 再看看官网上对它的解释:Convert an array-lik ...

随机推荐

  1. Linux下的 sniff-andthen-spoof程序编写

    Linux下的 sniff-andthen-spoof程序编写 一.任务描述 在本任务中,您将结合嗅探和欺骗技术来实现以下嗅探然后欺骗程序.你需要两台机器在同一个局域网.从机器A ping IP_X, ...

  2. docker容器命令（一）

    容器命令 创建容器:docker run 参数: -it 交互 -d 后台 –name 容器名 -p 主机端口:容器端口 (主机端口映射到docker端口) docker run --name cen ...

  3. robot framework 导入资源

    创建资源后添加关键字 创建资源文件用于存放关键字,项目下的所有套件都可以引用. 1.创建资源 测试项目->new resource->输入资源名称->点击"确认" ...

  4. 数据库学习笔记 - MySQL基础知识

    一.数据库基础知识 1.1 Whats's 数据库 数据库(Database,DB):将大量数据保存起来,通过计算机加工而成的可以进行高效访问的数据集合.如:大型-银行存储的信息,小型-电话簿. 数据 ...

  5. Debug代码调试

    Debug代码调试 第一步在代码左侧先点一个红点 第二步右键选择Debug运行 第三步点击Step Into按键分步进行 练习题: s2 = 'python python python python ...

  6. Go语言核心36讲（Go语言实战与应用六）--学习笔记

    28 | 条件变量sync.Cond (下) 问题 1:条件变量的Wait方法做了什么? 在了解了条件变量的使用方式之后,你可能会有这么几个疑问. 1.为什么先要锁定条件变量基于的互斥锁,才能调用它的 ...

  7. 菜鸡的Java笔记

    1.注释 在JAVA中对于注释有三种: 单行注释:// 多行注释:/*--*/ 文档注释:/**--*/ 2.关键字和标识符 在程序中描述类名称,方法名称,变量等概念就需要使用标识符来定义.而在JAV ...

  8. HMS Core Insights第八期直播预告--创新能力解读

    [导读] 在上个月举办的HDC2021华为开发者大会上,全新登场的HMS Core 6向大家展示了包括媒体.图形.连接与通信等领域的众多全新开放能力.如仅用一部RGB摄像头的手机即可完成的3D建模,在 ...

  9. SQL Server学习之路：建立数据库、建立表

    1.前言 配置是win10+SQL Server 2012,使用的GUI管理工具是SQL Server 2012自带的SQL Server Management Studio(以下简称SSMS).本系 ...

  10. VS2013中using System.Windows.Forms;引用不成功

    命名空间"System"中不存在类型或命名空间名称"Windows" 项目右侧--解决资源管理器---引用---右键--添加引用---在.NET下拉框找---找 ...