zoukankan      html  css  js  c++  java
  • JQuery for与each性能比较分析

    话不多说,直接上demo:

    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>JQuery for与each性能比较分析</title>
    </head>
    <body>
    <form id="form1" runat="server">
        <div><select id="select_test">
            <option value='1'>111111</option>
            <option value='2'>222222</option>
            <option value='3'>333333</option>
            <option value='4'>444444</option>
            <option value='5'>5</option>
            <option value='6'>6</option>
            <option value='7'>7</option>
            <option value='8'>8</option>
            <option value='9'>9</option>
            <option value='10'>10</option>
            <option value='11'>11</option>
            <option value='12'>12</option>
            <option value='13'>13</option>
            <option value='14'>14</option>
            <option value='15'>15</option>
            <option value='16'>16</option>
            <option value='17'>17</option>
            <option value='18'>18</option>
            <option value='19'>19</option>
            <option value='20'>20</option>
        </select><input type="button" value="开始比较" onclick="getSelectLength();"/></div>
    </form>
    </body>
    <script src="jquery-1.8.1.min.js"></script>
    <script type="text/javascript" language="javascript">
        function getSelectLength() {
            var time1 = new Date().getTime();
            var len = $("#select_test").find("option").length;
            var selectObj = $("#select_test");
            for (var i = 0; i < len; i++) {
                if (selectObj.get(0).options[i].text == "111111") {
                    selectObj.get(0).options[i].selected = true;
                    break;
                }
            }
            var time2 = new Date().getTime();
            alert("for循环执行时间:" + (time2 - time1));
            time1 = new Date().getTime();
            $("#select_test").find("option").each(function () {
                if ($(this).text() == "111111") {
                    $(this)[0].selected = true;
                }
            });
            time2 = new Date().getTime();
            alert("each循环执行时间:" + (time2 - time1));
        }
    </script>
    </html>
    

      输出: 
        for循环执行时间:1 
        each循环执行时间:3 

    如果不够明显,可以多copy一些option

    author:Lik
    Endeavoring to powerless, struggling to move yourself.
  • 相关阅读:
    linux配置静态ip
    hadoop伪分布式搭建
    flume安装
    远程shell脚本执行工具类
    NextCloud 修改数据存储位置(以CentOS 8(apache)为例)
    CP2K入门教程转载分享
    Origin 2019b 合法获取与使用介绍——正版软件&最新最实用教程分享 (Origin下载)
    Internet Download Manager:IDM 6.3.29破解版——最快的下载工具
    关于通过IPv6地址远程登录服务器的操作说明
    安装python的第一个曲折
  • 原文地址:https://www.cnblogs.com/likwin/p/7102050.html
Copyright © 2011-2022 走看看