Bài jQuery 22: Phương thức truyền tải qua Descendant

0
183

Xin chào các bạn, trong bài học ngày hôm nay mình sẽ giới thiệu đến các bạn phương thức truyền tải qua Descendant trong jQuery.

Truyền tải từ trên xuống trong cây DOM

Trong các mối quan hệ logic, một hậu duệ(descendant) là một đứa trẻ, con, cháu chắt v.v.

jQuery cung cấp các phương thức hữu ích như children() find() mà bạn có thể sử dụng để duyệt qua cây DOM một hoặc nhiều cấp để dễ dàng tìm hoặc lấy ra con hoặc các hậu duệ khác của một phần tử trong hệ thống phân cấp.

Phương thức children()

Phương thức jQuery children() được sử dụng để lấy các phần tử con trực tiếp từ phần tử được chọn.

Ví dụ sau đây sẽ làm nổi bật các phần tử con trực tiếp của phần tử <ul><li> bằng cách thêm class .highlight trong chương trình.

Phương thức find()

Phương thức find() được sử dụng để lấy ra các phần tử con của phần tử được chọn.

Các phương thức find()children() tương tự nhau, ngoại trừ việc tìm kiếm của phương thức find() qua nhiều cấp độ xuống cây DOM đến phần tử con cuối cùng, trong khi phương thức children() chỉ tìm kiếm một cấp độ duy nhất xuống cây DOM. Ví dụ sau sẽ thêm một border xung quanh tất cả các phần tử <li> là hậu duệ của phần tử <div>.

Tuy nhiên, nếu bạn muốn có được tất cả các phần tử con, bạn có thể sử dụng selector như sau:

Kết luận

Như vậy trong bài học ngày hôm nay mình đã giới thiệu đến các bạn Phương thức truyền tải qua Descendant. Trong bài học tiếp theo chúng ta sẽ cùng nhau tìm hiểu về Phương thức truyền tải qua Sibling.

Chúc các bạn học tập tốt!

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây