中级 jQuery

核心提示： 这些测试是不同的，但它们得出的数据表明通过 ID 进行搜索比通过 CLASS 进行搜索快得多，中级 jQuery(8)，这如何影响到 jQuery 代码？在编写搜索时，您要记住这些技巧：如果既可选择 CLASS 又可选择 ID，那么通常要选择 ID，如果需要在您的代码中搜索某些元素

这些测试是不同的，但它们得出的数据表明通过 ID 进行搜索比通过 CLASS 进行搜索快得多。这如何影响到 jQuery 代码？在编写搜索时，您要记住这些技巧：如果既可选择 CLASS 又可选择 ID，那么通常要选择 ID。如果需要在您的代码中搜索某些元素，一定要给它们分配 ID。

清单 1 显示了一个实际的 jQuery 测试，您可以在您的机器上运行它对此进行验证：

清单 1. CLASS 和 ID

　　　
$(document).ready(function()　{　
　
　console.info("Start　Test");　
　var　d　=　new　Date();　
　console.info(d.getSeconds()　+　"　"　+　d.getMilliseconds());　
　
　var　testBody　=　"";　
　for　(var　i=0;　i<1000;　i++)　
　{　
　　　testBody　+=　"<div　class='testable"+i+"'>";　
　}　
　$("body").append(testBody);　
　for　(var　i=0;　i<1000;　i++)　
　{　
　　$(".testable"+i);　
　}　
　
　var　d　=　new　Date();　
　console.info(d.getSeconds()　+　"　"　+　d.getMilliseconds());　
　console.time("Start　ID　Test");　
　
　testBody　=　"";　
　for　(var　i=0;　i<1000;　i++)　
　{　
　　testBody　+=　"<div　id='testable"+i+"'>";　
　}　
　$("body").append(testBody);　
　for　(var　i=0;　i<1000;　i++)　
　{　
　　$("#testable"+i);　
　}　
　var　d　=　new　Date();　
　console.info(d.getSeconds()　+　"　"　+　d.getMilliseconds());　
　console.info("End　Test");　
　});