jQuery选择器的性能测试(6)

来源:未知 责任编辑:责任编辑 发表时间:2014-01-25 11:35 点击:

    } 
    console.log("$('#test'):", $.lt()); 
    //$("class");  
    $.lt(); 
    for(i=1; i<99999; i++){ 
        $(".testdiv");   
    } 
    console.log("$('.testdiv'):", $.lt()); 
    //$("id class");  
    $.lt(); 
    for(i=1; i<99999; i++){ 
        $("#test .testdiv");     
    } 
    console.log("$('#test .testdiv'):", $.lt()); 
    //$("class","id");  
    $.lt(); 
    for(i=1; i<99999; i++){ 
        $(".testdiv", "#test");  
    } 
    console.log("$('.testdiv', '#test'):", $.lt()); 
    //$("id").find("class");  
    $.lt(); 
    for(i=1; i<99999; i++){ 
        $("#test").find(".testdiv");     
    } 
    console.log("$('#test').find('.testdiv'):", $.lt()); 
}); 
$(document).ready(function () {
 $.extend($, {
  lt: function () {
   if (this.ltLastTime == null) {
    return this.ltLastTime = new Date().getTime();
   }
   var diff = new Date().getTime() - this.ltLastTime;
   this.ltLastTime = null;
   return diff;
  },
  ltLastTime: null
 });
   
 $.lt();
 for(i=1; i<99999; i++){
  document.getElementById("test");
 }
 console.log("getElementById('test'):", $.lt());  
 //$("id");
 $.lt();
 for(i=1; i<99999; i++){
  $('#test'); 
 }
 console.log("$('#test'):", $.lt());
 //$("class");
 $.lt();
 for(i=1; i<99999; i++){
  $(".testdiv"); 
 }
 console.log("$('.testdiv'):", $.lt());
 //$("id class");
 $.lt();
 for(i=1; i<99999; i++){
  $("#test .testdiv"); 
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • Gb2312转utf-8编码的方法(vbs+js)
  • 如何使用Ajax技术开发Web应用程序(1)
  • js跳转路径问题
  • JavaScript模仿桌面窗口
  • 用js检测两个线段是否相交
  • 我知道的JavaScript -- 设计模式(桥接)应用之 – 验证器
  • 运用JavaScript构建你的第一个Metro式应用程序(on Windows
  • 我是如何去了解jquery的(六),案例之幻灯片轮换
  • Jquery封装幻灯片效果
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1