Chọn器 jQuery

Selector cho phép bạn thực hiện các thao tác trên nhóm yếu tố hoặc yếu tố đơn lẻ.

Chọn器 jQuery

Trong các chương trước, chúng tôi đã trình bày một số ví dụ về cách chọn các yếu tố HTML.

Chìa khóa là học cách jQuery selector chọn chính xác các yếu tố mà bạn muốn áp dụng hiệu ứng.

Người chọn phần tử và người chọn thuộc tính jQuery cho phép bạn chọn phần tử HTML thông qua tên thẻ, tên thuộc tính hoặc nội dung.

Người chọn cho phép bạn thực hiện các thao tác trên nhóm phần tử HTML hoặc phần tử đơn lẻ.

Trong thuật ngữ HTML DOM:

Người chọn cho phép bạn thực hiện các thao tác trên nhóm phần tử DOM hoặc phần tử DOM đơn lẻ.

Người chọn phần tử jQuery

jQuery sử dụng người chọn CSS để chọn phần tử HTML.

$("p") chọn phần tử <p>.

$("p.intro") chọn tất cả các phần tử <p> có class="intro".

$("p#demo") chọn tất cả các phần tử <p> có id="demo".

Người chọn thuộc tính jQuery

jQuery sử dụng biểu thức XPath để chọn phần tử có thuộc tính给定

$("[href]") chọn tất cả các phần tử có thuộc tính href.

$("[href='#']") chọn tất cả các phần tử có giá trị href bằng "#".

$("[href!='#']") chọn tất cả các phần tử có giá trị href không bằng "#".

$("[href$='.jpg']") chọn tất cả các phần tử có giá trị href kết thúc bằng ".jpg".

Người chọn CSS jQuery

Người chọn CSS jQuery có thể thay đổi thuộc tính CSS của phần tử HTML.

Ví dụ sau này thay đổi màu nền của tất cả các phần tử <p> thành màu đỏ:

Ví dụ

$("p").css("background-color","red");

Thử nghiệm ngay

Những ví dụ chọn người chọn thêm

Cú pháp Mô tả
$(this) element HTML hiện tại
$("p") tất cả các phần tử <p>
$("p.intro") tất cả các phần tử <p> có class="intro"
$(".intro") tất cả các phần tử có class="intro"
$("#intro") phần tử có id="intro"
$("ul li:first") phần tử <li> đầu tiên của mỗi <ul>
$("[href$='.jpg']") tất cả các thuộc tính href kết thúc bằng ".jpg"
$("div#intro .head") tất cả các phần tử có class="head" trong phần tử <div> có id="intro"

Để có tài liệu tham khảo đầy đủ, hãy truy cập trang web của chúng tôi Tài liệu tham khảo người chọn jQuery。