Duyệt jQuery

Điều gì là duyệt qua?

jQuery duyệt qua, có nghĩa là 'di chuyển', được sử dụng để 'tìm kiếm' (hoặc chọn) phần tử HTML dựa trên mối quan hệ với các phần tử khác. Bắt đầu từ một lựa chọn nào đó, và di chuyển theo lựa chọn đó cho đến khi bạn đến phần tử mong muốn.

Hình ảnh dưới đây hiển thị một cây gia đình. Bằng cách duyệt qua jQuery, bạn có thể dễ dàng di chuyển từ phần tử được chọn (hiện tại) lên trên cây gia đình (tổ tiên), xuống dưới (đ后代), hoặc di chuyển ngang (đồng đẳng). Việc này được gọi là duyệt qua DOM.

Giải thích bằng hình ảnh:

Duyệt qua cây DOM
  • Phần tử <div> là phần tử cha của <ul>, đồng thời là tổ tiên của tất cả nội dung trong đó.
  • Phần tử <ul> là phần tử cha của phần tử <li>, đồng thời là phần tử con của <div>.
  • Phần tử <li> bên trái là phần tử cha của <span>, phần tử con của <ul>, đồng thời là hậu duệ của <div>.
  • Các phần tử <span> là phần tử con của <li>, đồng thời là hậu duệ của <ul> và <div>.
  • Hai phần tử <li> là đồng đẳng (cùng cha).
  • Phần tử <li> bên phải là phần tử cha của <b>, phần tử con của <ul>, đồng thời là hậu duệ của <div>.
  • Các phần tử <b> là phần tử con của <li> bên phải, đồng thời là hậu duệ của <ul> và <div>.

Lưu ý:Tổ tiên là cha, ông, tổ phụ, v.v. Đ后代 là con, cháu, chắt, v.v. Đồng đẳng có cùng cha.

Duyệt DOM

jQuery cung cấp nhiều phương pháp duyệt qua DOM.

Phương pháp duyệt qua lớn nhất là duyệt cây (tree-traversal).

Chương tiếp theo sẽ giải thích cách di chuyển lên, xuống và cùng cấp trong cây DOM.

Hướng dẫn tham khảo jQuery duyệt qua

Nếu bạn muốn biết tất cả các phương pháp duyệt qua jQuery, hãy truy cập trang web của chúng tôi Hướng dẫn tham khảo jQuery duyệt qua。