jQuery parent descendant Selector - Chọn phần tử hậu duệ, con, cháu

views

A+A-

PrintEmail

Học jQuery cơ bản sử dụng bộ chọn jQuery parent descendant Selector để tìm những phần tử hậu duệ là con, cháu, tức phần tử dưới một cấp trực tiếp hoặc nhiều cấp theo cây DOM HTML

Cú pháp, Khái niệm và cách sử dụng jQuery parent descendant Selector

Syntax 

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

$("parent descendant")

Tham số	Mô tả
parent	Tham số bắt buộc để xác định phần tử cha.
descendant	Tham số bắt buộc để xác định phần tử con cháu cần chọn

Trong tiếng Anh thì descendantcó ý nghĩa là hậu duệ. jQuery parent descendant Selector dùng để chọn phần tử con, cháu trực tiếp, trong cùng nhánh của cây DOM HTML.
Mẹo: Để tìm và chọn những phần tử là con trực tiếp chúng ta sử dụng parent > child

Ví dụ jQuery parent descendant Selector

Để hiểu rõ hơn thế nào là phần tử con cháu, hậu duệ, mời các bạn cùng xem qua ví dụ dưới đây nhé

Ví dụ

Chọn phần tử <span> là phần tử con cháu hậu duệ của phần tử <div>

$("div span")

Thử code »

Xem thêm bài viết Tất cả bộ chọn jQuery Selectors tại đây

Chuyên Mục : Bộ chọn jQuery Học jQuery jQuery Selectors