JQuery for與each性能比較分析
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>for與each性能比較</title>
<script src="../Cks/jquery-1.7.1.min.js" type="text/javascript"></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循環(huán)執(zhí)行時間:" + (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循環(huán)執(zhí)行時間:" + (time2 - time1));
}
</script>
</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>
<div>
</form>
</body>
</html>
輸入出入:
for循環(huán)執(zhí)行時間:1
each循環(huán)執(zhí)行時間:3
兩次結(jié)果直接說明了問題。
相關(guān)文章
關(guān)于echarts在節(jié)點(diǎn)顯示動態(tài)數(shù)據(jù)及添加提示文本所遇到的問題
這篇文章主要介紹了關(guān)于echarts在節(jié)點(diǎn)顯示動態(tài)數(shù)據(jù)及添加提示文本所遇到的問題,需要的朋友可以參考下2018-04-04JSONP 跨域訪問代理API-yahooapis實(shí)現(xiàn)代碼
介紹一個JSONP 跨域訪問代理API-yahooapis,需要的朋友可以參考下2012-12-12jQuery EasyUI API 中文文檔 - Documentation 文檔
jQuery EasyUI API 中文文檔 - Documentation 文檔,使用jQuery EasyUI的朋友可以參考下。2011-09-09淺談jQuery的bind和unbind事件(綁定和解綁事件)
下面小編就為大家?guī)硪黄獪\談jQuery的bind和unbind事件(綁定和解綁事件)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-03-03jQuery+ajax實(shí)現(xiàn)頂一下,踩一下效果
很多網(wǎng)站上面有頂一下,踩一下效果是直接用別人做好的插件放上去的,上星期正好要用到這個效果,就去研究了下。下面就一步一步來實(shí)現(xiàn)整個效果。。。。2010-07-07jQuery+PHP實(shí)現(xiàn)微信轉(zhuǎn)盤抽獎功能的方法
這篇文章主要介紹了jQuery+PHP實(shí)現(xiàn)微信轉(zhuǎn)盤抽獎功能的方法,詳細(xì)分析了抽獎程序界面設(shè)計、前臺jQuery交互、后臺概率算法等抽獎功能相關(guān)技巧,需要的朋友可以參考下2016-05-05非常強(qiáng)大的 jQuery.AsyncBox 彈出對話框插件
今天無意中發(fā)現(xiàn)了這個插件,和大家分享一下,功能和樣式都很強(qiáng)大,調(diào)用也很方便,而且支持鎖定屏幕的效果,插件的效果圖如下,更多效果和皮膚請到官網(wǎng)下載!2011-08-08Jquery 點(diǎn)擊按鈕自動高亮實(shí)現(xiàn)原理及代碼
拓展一個點(diǎn)擊按鈕自動高亮的原理很簡單,在點(diǎn)擊的時候給元素加上一個自定義的attr,具體實(shí)現(xiàn)祥看本文2014-04-04