Truy vấn - Lọc

Tìm kiếm ngắn gọn phạm vi phần tử

Ba phương thức lọc cơ bản nhất là: first(), last() và eq(), chúng cho phép bạn chọn một phần tử cụ thể dựa trên vị trí của nó trong một bộ sưu tập phần tử.

Các phương thức lọc khác, chẳng hạn như filter() và not(), cho phép bạn chọn các phần tử khớp hoặc không khớp với một tiêu chuẩn cụ thể.

Phương thức jQuery first()

Phương thức first() trả về phần tử đầu tiên được chọn.

Dưới đây là ví dụ chọn phần tử <p> đầu tiên trong phần tử <div> đầu tiên:

Mô hình

$ (document).ready(function () {
  $("div p").first();
});

Thử trực tiếp

Phương thức jQuery last()

Phương thức last() trả về phần tử cuối cùng được chọn.

Dưới đây là ví dụ chọn phần tử <p> cuối cùng trong phần tử <div> cuối cùng:

Mô hình

$ (document).ready(function () {
  $("div p").last();
});

Thử trực tiếp

Phương thức jQuery eq()

Phương thức eq() trả về phần tử được chọn có số thứ tự chỉ định.

Số thứ tự bắt đầu từ 0, vì vậy số thứ tự của phần tử đầu tiên là 0而不是 1. Dưới đây là ví dụ chọn phần tử <p> thứ hai (số thứ tự 1):

Mô hình

$ (document).ready(function () {
  $("p").eq(1);
});

Thử trực tiếp

Phương thức jQuery filter()

Phương thức filter() cho phép bạn quy định một tiêu chuẩn. Các phần tử không khớp với tiêu chuẩn sẽ bị loại bỏ khỏi bộ sưu tập và các phần tử khớp sẽ được trả về.

Dưới đây là ví dụ trả về tất cả các thẻ <p> có tên lớp "intro":

Mô hình

$ (document).ready(function () {
  $("p").filter(".intro");
});

Thử trực tiếp

Phương thức jQuery not()

Phương thức not() trả về tất cả các phần tử không khớp với tiêu chuẩn

Lưu ý:Phương thức not() ngược lại với phương thức filter()

Dưới đây là ví dụ trả về tất cả các thẻ <p> không có tên lớp "intro":

Mô hình

$ (document).ready(function () {
  $("p").not(".intro");
});

Thử trực tiếp

Tài liệu tham khảo lặp lại jQuery

Nếu bạn muốn biết tất cả các phương pháp lặp lại của jQuery, hãy truy cập trang web của chúng tôi Tài liệu tham khảo lặp lại jQuery。