Tự học JQuery - Traversing - Bài 3 - Nhánh con - Descendant

Xem Mục lục lập trình JQuery

01 nhánh con là 01 con, cháu, chắt...

Với jQuery bạn có thể duyệt từ trên xuống cây DOM để tìm các con của 01 phần tử.

Duyệt từ trên xuống cây DOM Tree

02 phương thức hữu dụng để duyệt từ trên xuống cây DOM là:

• children()
• find()

Phương thức jQuery children()

Phương thức children() trả về tất cả các phần tử con trực tiếp của phần tử đã chọn.

Phương thức này chỉ duyệt xuống 01 cấp trong cây DOM.

Ví dụ sau trả về tất cả phần tử là phần tử con trực tiếp của thẻ <div>

$(document).ready(function(){
    $("div").children();
});

Bạn cũng có thể sử dụng 01 tham số tùy chọn để lọc kết quả tìm kiếm phần tử con.

Ví dụ sau trả về tất cả thẻ <p> với tên lớp là "first", là con trực tiếp của thẻ <div>

$(document).ready(function(){
    $("div").children("p.first");
});

Phương thức jQuery find()

Phương thức find() trả về những phần tử con của phần tử đã chọn, theo hướng từ trên xuống đến phần tử cuối cùng.

Ví dụ sau trả về tất cả thẻ <span> là con của <div>

$(document).ready(function(){
    $("div").find("span");
});

Ví dụ sau trả về tất cả phần tử con của thẻ <div>

$(document).ready(function(){
    $("div").find("*");
});

Nếu vẫn chưa rõ các bạn xem thêm video clip sau:

Xem Mục lục lập trình JQuery

By #drM