Đối với bộ chọn id, jQuery sử dụng hàm JavaScript document.getElementById[], cực kỳ hiệu quả. Khi một bộ chọn khác được gắn vào bộ chọn id, chẳng hạn như h2#pageTitle, jQuery sẽ thực hiện kiểm tra bổ sung trước khi xác định phần tử là đối sánh
Gọi jQuery[] [hoặc $[]] với bộ chọn id làm đối số của nó sẽ trả về một đối tượng jQuery chứa một tập hợp gồm 0 hoặc một phần tử DOM
Mỗi giá trị id chỉ được sử dụng một lần trong một tài liệu. Nếu có nhiều phần tử được gán cùng một ID, các truy vấn sử dụng ID đó sẽ chỉ chọn phần tử khớp đầu tiên trong DOM. Tuy nhiên, không nên dựa vào hành vi này;
Nếu id chứa các ký tự như dấu chấm hoặc dấu hai chấm, bạn phải thoát các ký tự đó bằng dấu gạch chéo ngược
ví dụ
Chọn phần tử có id "myID. entry[1]" và tạo cho nó một đường viền màu đỏ. Lưu ý cách một số ký tự nhất định phải được thoát bằng dấu gạch chéo ngược
Trong hướng dẫn này, chúng ta sẽ xem cách Chọn tất cả các phần tử có Id chứa chuỗi cụ thể trong jQuery. Bộ chọn jQuery [thuộc tính*=giá trị] có thể được sử dụng để chọn tất cả các phần tử HTML có id chứa một từ cụ thể
Mục lục
Bộ chọn jQuery [thuộc tính*=giá trị]
Bộ chọn jQuery [thuộc tính*=giá trị] chọn tất cả các thẻ hoặc thành phần HTML có thuộc tính cụ thể có giá trị chứa một chuỗi hoặc một từ
Trong ví dụ này $["[id*='string']"] được sử dụng để chọn tất cả các phần tử html có id có từ 'string' trong đó
Bạn có thể thay đổi chuỗi này bằng bất kỳ chuỗi nào khác cho dự án của mình
Mã HTML
Mã HTML được đưa ra bên dưới, Mã này có một thẻ tiêu đề, một thành phần đoạn văn, một thẻ liên kết, một thẻ span và thẻ nút
Trong số năm phần tử HTML, ba phần tử có id chứa chuỗi đã xác định
________0Mã truy vấn
Mã JQuery được cung cấp bên dưới, Trong mã này, tất cả các thành phần HTML có id có chuỗi được chỉ định sẽ được chọn và phương thức jQuery css[] được sử dụng để thay đổi màu của chúng để phân biệt chúng
Thuộc tính toàn cầu id xác định một mã định danh [ID] phải là duy nhất trong toàn bộ tài liệu. Mục đích của nó là xác định thành phần khi liên kết [dùng a ], viết mã lệnh hoặc tạo kiểu [bằng CSS]
Cảnh báo. Giá trị của thuộc tính này là một chuỗi mờ. điều này có nghĩa là các tác giả web không nên dựa vào nó để truyền tải thông tin mà con người có thể đọc được [mặc dù ID của bạn có thể đọc được ở một mức độ nào đó có thể hữu ích cho việc hiểu mã, e. g. xem xét ticket-18659 so với r45tgfe-freds&$@]
Giá trị của id không được chứa khoảng trắng [dấu cách, tab, v.v. ]. Các trình duyệt coi ID không phù hợp có chứa khoảng trắng như thể khoảng trắng là một phần của ID. Ngược lại với thuộc tính cho phép các giá trị được phân tách bằng dấu cách, các phần tử chỉ có thể có một giá trị ID duy nhất
Ghi chú. Về mặt kỹ thuật, giá trị cho thuộc tính id có thể chứa bất kỳ ký tự nào, ngoại trừ ký tự khoảng trắng. Tuy nhiên, để tránh các lỗi vô ý, chỉ nên sử dụng các chữ cái ASCII, chữ số, '_' và '-' và giá trị cho thuộc tính id phải bắt đầu bằng một chữ cái. Ví dụ, . có một ý nghĩa đặc biệt trong CSS [nó hoạt động như một bộ chọn lớp]. Trừ khi bạn cẩn thận thoát nó trong CSS, nếu không nó sẽ không được công nhận là một phần giá trị của thuộc tính id. Rất dễ quên làm điều này, dẫn đến các lỗi trong mã của bạn khó phát hiện
Bộ chọn CSS ID khớp với một phần tử dựa trên giá trị của thuộc tính _______________ của phần tử. Để phần tử được chọn, thuộc tính id của nó phải khớp chính xác với giá trị đã cho trong bộ chọn
/* The element with id="demo" */
#demo {
border: red 2px solid;
}
#id_value { style properties }
Lưu ý rằng về mặt cú pháp [nhưng không cụ thể], điều này tương đương với attribute selector sau
[id=id_value] { style properties }
#identified {
background-color: skyblue;
}
This div has a special ID on it!
This is just a regular div.
Bảng BCD chỉ tải trong trình duyệt có bật JavaScript. Bật JavaScript để xem dữ liệu
- Bộ chọn CSS
- Học CSS. Bộ chọn
Tìm thấy một vấn đề với trang này?
- Chỉnh sửa trên GitHub
- Nguồn trên GitHub
- Báo cáo sự cố với nội dung này trên GitHub
- Bạn muốn tự khắc phục sự cố?
Sửa đổi lần cuối. Ngày 29 tháng 9 năm 2022, bởi những người đóng góp MDN