Selector trong Jquery

I. Selector Jquery cơ bản nhất

- .siblings() : Lựa chọn tất cả các element có trong cùng một div

. .parent() : Lựa chọn thằng cha ( thằng bao bọc lấy tất cả các element )

- next(): Lựa chọn thằng đứng tiếp theo sau element đấy

- .nextAll() : Lựa chọn tất cả các thằng đứng sau

- .nextUntil("h6") : Lựa chọn tất cả thằng đằng sau cho tới khi tới el h6


II. Selector theo kiểu filtering:


- .first(): lựa chọn thằng đầu tiên.

- .last(): lựa chọn thằng cuối cùng

- eq(): lựa chọn theo index


VD: 

<p> Tôi tên là Khôi </p> ( index 0 )

<p> Tôi rất đẹp trai </p> (index 1) 

JS:

$("p").eq(1).css("color", "yellow");


-> Chương trình sẽ đổi thằng p ( mang index 1 ) tức là p thứ 2 trong HTML thành màu vàng


- filter(): Lựa chọn tất cả các thằng bên trong ngoặc của filter()


VD:

HTML:

<p> Tôi tên là Khôi </p> 

<p> Tôi rất đẹp trai </p>

<p class="para"> Ngoài ra tôi còn hào phóng </p>


JS:

$("p").filter(".para").css .... 


-> Chương trình sẽ chọn tất cả các thằng có class là para trong số thẻ p để chuyển đổi css tức là thằng p thứ 3


III. Selector Jquery theo kiểu Descendants ( selector theo kiểu cụ kị, cháu chắt )





Comments