理解JQuery选择器

Question

嗨,

有什么区别:

  $('li:first').css('background-color', 'red');

和

  $('li').first().css('background-color', 'red');

谢谢!

Answer 1

他们都会执行相同的操作.

第二个将所有<li>标记收集到一个jQuery对象中,然后在单独的jQuery对象中检索第一个.
如果你有很多<li>标签,那可能会很慢.

另一方面,第一个将无法使用querySelectorAll()(因为没有:firstCSS选择器),所以它也可能更慢.