1. 程式人生 > >jQuery中 :first選擇器,first()和:first-child選擇器的區別

jQuery中 :first選擇器,first()和:first-child選擇器的區別

先看程式碼:
這裡寫圖片描述

先執行第一條jquery語句,把其他兩條註釋掉,這裡我就不上圖了,直接貼結果:
這裡寫圖片描述

執行第二條jquery語句,把其他兩條註釋掉:
這裡寫圖片描述

執行第三條jquery語句,把其他兩條註釋掉:
這裡寫圖片描述

總結:
可以看出第一條語句和第二條語句執行的結果是一樣的,它們的差別在於:(ulli:first)(ul li).first()會把所有ul下的所有li全部找出來,然後匹配第一個元素。二者最大的差別就是匹配速度了。$(ul li:first-child)是在每個 ul 中查詢第一個 li。