Cùng tìm hiểu thêm một số bộ chọn jQuery Selector để bổ sung thêm kiến thức, kỹ năng để giúp bạn hiểu và dễ dàng hơn trong việc thao tác, chọn lựa các phần tử trong tài liệu trang web
Để xem tất cả bộ chọn jQuery Selectors. Các bạn truy cập tại đây nhé
jQuery :empty Selector
Syntax
Bộ chọn jQuery :empty Selector có cú pháp
$(":empty")
jQuery :parent Selector
Syntax
Bộ chọn jQuery :parent Selector có cú pháp
$(":parent")
Ví dụ
Chọn tất cả những phần tử<td>
có phần tử con, bao gồm cả văn bản, tức không phải trống
$("td:parent")
jQuery :hidden Selector
Syntax
Bộ chọn jQuery :hidden Selector có cú pháp
$(":hidden")
Phần tử ẩn là các phần tử có một trong các thuộc tính sau đây
- Phần tử có style css là display:none
- Phần tử form có type="hidden"
- Phần tử có chiều rộng (width) và chiều cao (height) được set = 0
- 1 Phần tử cha ẩn (điều này cũng làm ẩn luôn các phần tử con)
jQuery :visible Selector
Syntax
Bộ chọn jQuery :visible Selector có cú pháp
$(":visible")
jQuery :root Selector
Syntax
Bộ chọn jQuery :root Selector có cú pháp
$(":root")
<html>
Ví dụ
Đặt màu nền cho tài liệu HTML thành màu vàng:
$(":root").css("background-color", "yellow");
jQuery :lang() Selector
Syntax
Bộ chọn jQuery :lang() Selector có cú pháp
$(":lang(language)")