怎么使用jQuery选择器

比较id选择器和class选择器

用于本次测试的JS代码如下：

function ilianTest01(){          $('#ilian').click(function() { alert('Hello World'); });  }   function ilianTest02(){          $('.ilian').click(function() { alert('Hello World'); });  }   /*调用2个函数进行测试*/ $(function(){  jspt.test(function(){ ilianTest01(); });  jspt.test(function(){ ilianTest02(); });  });

测试结果如下：

由图可以id选择器相比于class选择器的效率优势是非常地。

2. 在选择标签时，层级选择器用得也非常频繁，这次对比测试直接子标签符号“>”和children。

将以下代码放入body标签内，并将其中的li标签复制500次。

     
比较直接子标签符号“>”和children
     
比较直接子标签符号“>”和children
     
比较直接子标签符号“>”和children
      

用于本次测试的JS代码如下：

function ilianTest01(){  $('#ilian > li').click(function() { alert('Hello World'); });  }   function ilianTest02(){  $('#ilian').children('li').click(function() { alert('Hello World'); });  }   /*调用2个函数进行测试*/ $(function(){  jspt.test(function(){ ilianTest01(); });  jspt.test(function(){ ilianTest02(); });  });

测试结果：

由此可见children选择器要优于直接子标签符号选择器。

“怎么使用jQuery选择器”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站，小编将为大家输出更多高质量的实用文章！