jQuery :first Selector - Chọn phần tử đầu tiên

views

A+A-

PrintEmail

Chọn phần tử đầu tiên bằng jQuery :first Selector. Cùng xem cú pháp, cách thực hiện và những ví dụ về bộ chọn này nhé

Cú pháp, Khái niệm và cách sử dụng jQuery :first Selector

Syntax

Bộ chọn jQuery :first Selector có cú pháp

$(":first")

jQuery :first Selector dùng để chọn phần tử đầu tiên trong các phần tử có cùng thuộc tính.
Lưu ý: Bộ chọn này sẽ tìm đến một phần tử duy nhất.
Khác với :first-child vì selector này chọn những phần tử con đầu tiên và không có phần tử cùng cấp nào mang thuộc tính khác đứng trước

Cùng xem Sự khác nhau giữa :first và :first-child

Ví dụ jQuery :first Selector

Ví dụ

Chọn phần tử <p> là phần tử đầu tiên

$("p:first")

Thử code »

Tương tự sử dụng jQuery Selector này để chọn phần tử đầu tiên của class="laixe"

$(".laixe:first")

Thử code »

Mẹo:
Để chọn phần tử cuối cùng các bạn sử dụng bộ jQuery :last Selector

Xem thêm bài viết Tất cả bộ chọn jQuery Selectors tại đây

Chuyên Mục : Bộ chọn jQuery Học jQuery jQuery Selectors