不知道他们在jQuery选择器无处不在时的表现 好吗？

最近，我做了一些关于jQuery中选择器使用的小实验，来展示jQuery中哪些选择器在不同的环境下更高效，更值得使用。将google提供的jquery文件和测试用的小插件firejspt引入到每个测试页面的头部。复制代码如下：-介绍FireJSPT的库文件-脚本类型=' text/JavaScript ' src=' http : Firejspt . js '/脚本！——介绍一下谷歌提供的1.44版本的jQuery库文件，不过是哪个版本并不重要。哈哈-脚本类型=' text/JavaScript ' src=' http :3359 Ajax . googleapis.com/Ajax/libs/jquery/1 . 4 . 4/jquery . min . js '/script 1。最常用的id选择器和类选择器将下面的代码复制200次，并将其放在body标签中。复制代码如下： div id='ilian '比较id Selector与类Selector/div class=' Ilian '比较id Selector与类Selector /div JS本次测试代码如下：复制代码如下： Function Ilian TEST01(){ $(' # Ilian ')。点击(function () {alert ('hello world ')。});}函数ilianTest02(){ $('。' ilian ')。点击(函数(){ alert(' Hello World ')；});}/*调用2个函数进行测试*/$(function(){ jspt . test(function(){ iliantest01()))；});jspt . test(function(){ ilianTest02()；});});测试结果如下：。

从图中可以看出，id选择器相比类选择器的效率优势非常大。2.选择标签时，层次选择器也非常常用。这个比较测试是在直接子标签符号“”和子标签上进行的。将以下代码放在正文标签中，并将li标签复制500次。复制代码如下：ul id=' Ilian比较直接子选项卡符号" "和子项/li Li比较直接子选项卡符号" "和子项/Li Li比较直接子选项卡符号" "和子项/Li！-省略497次- /ul本次测试使用的JS代码如下：复制代码如下： Function Ilian TEST01(){ $(' # Ilian Li ')。click(function(){ alert(' hello world ')；});}函数ilianTest02(){ $('#ilian ')。儿童(' li ')。点击(函数(){ alert(' Hello World ')；});}/*调用2个函数进行测试*/$(function(){ jspt . test(function(){ iliantest01()))；});jspt . test(function(){ ilianTest02()；});});测试结果：

因此，子标签选择器优于直接子标签符号选择器。限于文章篇幅，本文仅展示最基础的测试，以上测试均在简单环境下进行测试，测试结果不代表绝对结论。