jQuery #id Selector - Chọn phần tử theo ID

views

A+A-

PrintEmail

jQuery #id Selector là bộ chọn dựa vào thuộc tính ID của các phần tử HTML, cùng tìm hiểu qua bài viết này nhé

Ví dụ

Chọn phần tử có thuộc tính id="laixe"

$("#laixe")

Thử code »

Khái niệm và cách sử dụng jQuery #ID Selector

Bộ chọn jQuery #ID Selector dùng để chọn thành phần có thuộc tính id cụ thể của một phần tử HTML.
Lưu ý: Thuộc tính id phải là duy nhất trong tài liệu.
Không sử dụng thuộc tính id bằng số vì nó có thể gây ra vấn đề trong một số trình duyệt.

Ví dụ về các phần tử HTML trùng thuộc tính ID

jQuery ID Selector sẽ xử lý như thế nào khi có 2 phần tử trùng id="laixe"

<p id="laixe">Học jQuery Online từ cơ bản đến nâng cao</p>
<p>Website chia sẻ thông tin về lái xe và học jQuery tiếng Việt</p>
<p id="laixe">Đây cũng là đoạn văn có id='laixe' </p>

Thử code »

Sau khi thử code, bạn sẽ thấy jQuery Selector sẽ chọn phần tử đầu tiên có thuộc tính id="laixe" để thực hiện hành động. Ở phần tử thứ 2 sẽ bị bỏ qua.
Do đó việc đặt tên id cho phần tử HTML nên là duy nhất và tránh bị trùng lặp.
Bộ chọn jQuery #ID Selector có cú pháp như sau:

$("#id")

Trong đó id là thuộc tính bắt buộc

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