Tổng hợp một số bộ chọn jQuery Selector khác (phần 1)

jQuery Selector
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")
Bộ chọn jQuery :empty Selector dùng để chọn những phần tử trống. Phần tử được gọi là trống khi nó không chứa văn bản và phần tử con nào.

Ví dụ

Chọn tất cả những phần tử trống:

$(":empty")

jQuery :parent Selector

Syntax

Bộ chọn jQuery :parent Selector có cú pháp

$(":parent")
Bộ chọn jQuery :parent Selector ngược lại với bộ chọn :empty ở phía trên, vì dùng để chọn tất cả các phần tử là phần tử cha mẹ của phần tử khác, bao gồm các phần tử mà bên trong chỉ có văn bản chứ không có thẻ khác.

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")
Bộ chọn jQuery :hidden Selector dùng để chọn các phần tử ẩn.

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)

Ví dụ

Hiển thị (show) tất cả các phần tử <p> đang bị ẩn (hidden)

$("p:hidden").show();

jQuery :visible Selector

Syntax

Bộ chọn jQuery :visible Selector có cú pháp

$(":visible")
Visible có nghĩa là hiển thị. Vậy bộ chọn jQuery :visible Selector dùng để chọn các phần tử đang hiển thị. Bộ chọn này ngược lại với bộ chọn :hidden ở phía trên

Ví dụ

Chọn tất cả các phần tử <p> đang hiển thị

 $("p:visible")

jQuery :root Selector

Syntax

Bộ chọn jQuery :root Selector có cú pháp

$(":root")
Bộ chọn jQuery :root Selector dùng để chọn phần tử gốc của tài liệu. Trong HTML, phần tử gốc luôn là phần tử <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)")
Bộ chọn jQuery :root Selector dùng để chọn tất cả các phần tử có thuộc tính lang (ngôn ngữ) bắt đầu bằng một giá trị được chỉ định.

Ví dụ

Chọn tất cả các phần tử <p> có thuộc tính ngôn ngữ lang="vn"

$("p:lang(vn)")
Chuyên Mục :
tháng 7 14, 2020
Bình Luận

LaiXe.Xyz

Blog Lái Xe, chia sẻ thông tin về luật giao thông đường bộ, biển báo giao thông, thông tin về xe ô tô, thi bằng lái xe các hạng bằng A1, A2, B1, B2, C, D, E, F

Thi Thử Lái Xe B2 Mới Nhất

"Tiến hành giảng dạy bộ 600 câu hỏi vào tháng 06/2020 và áp dụng thi sát hạch vào tháng 10 năm 2020. Bộ đề 600 câu hỏi sẽ được phát hành dạng sách khoảng tháng 5/2020."

DMCA.com Protection Status