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
Post a Comment