瞭解jQuery選擇

Question

嗨，

有什麼區別之間：

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

而且

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

謝謝！

Answer 1

他們都會執行相同的操作。

第二個將收集所有<li>標籤到一個jQuery對象，然後檢索第一個單獨的jQuery對象。
如果您有很多<li>標籤，那可能會很慢。

另一方面，第一個將不能使用querySelectorAll()（因爲沒有:first CSS選擇器），因此它可能會更慢。

Answer 2

主要的區別是在第一次調用中帶回的操作。

$('li:first')將要麼帶回第一個項目或沒有（如果沒有發現）。

$('li').first()將帶回的所有<li>項目，然後在列表中選擇第一項爲你繼續經營上。

表現明智，他們可能都有相同的影響，所以這是一個偏好和風格的問題。

Answer 3

li：首先像jquery li.first（）直接選擇器。 - 你正在使用jquery方法選擇子元素。