<head> <meta charset="UTF-8"> <title>Document</title> <style> .hight{ color:red; } .light{ color:blue; } </style> <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script> <script> function logTime(cb){ console.time('logTime'); if(typeof cb==='function'){ for(var i=0;i<10000;i++){ cb(); } } console.timeEnd('logTime'); } $(function(){ logTime(function(){ $("ul li:even").addClass('light');//slow ?572ms? }) logTime(function(){ $("ul li:nth-child(odd)").addClass('hight');//better ?387ms ?正常 }) logTime(function(){ $(document.querySelectorAll("ul li:nth-child(odd)"));//better?控制臺時間在我這158.00ms }) logTime(function(){ document.querySelectorAll("ul li:nth-child(odd)");//best?控制臺時間在我這47.00ms 正常 }) logTime(function(){ $('div ul li.item2');//slow????????????126ms }) logTime(function(){ $('li.item2');//better????????? ????????????120ms 正常?? }) logTime(function(){ $('.list li.item2');//slow?????????????????????123ms }) logTime(function(){ $('#list li.item2');//better?????????????????? ? 124ms 異常 ：怎么比類還要慢1ms }) logTime(function(){ $('ul.list .item2');//slow ?控制臺時間在我這121.00ms???????? }) logTime(function(){ $('.list li.item2');//better?控制臺時間在我這137.00ms????????異常 ?怎么這個具體的還比不具體的還慢呢。 }) }) </script></head> <div> <ul id="list" class="list"> <li class="item2">list1</li> <li class="item1">list2</li> <li>list3</li> <li>list4</li> <li>list5</li> <li>list6</li> <li>list7</li> <li>list8</li> </ul> </div>? 這里我在控制臺看到的 ? console.Time 看到的時間slow比better 快怎么回事啊
為什么在我的電腦上，這個速度slow比better還快呢？奇怪， 求解答。
叢從綠草
2018-04-19 11:30:08