jQuery có một số phương thức để thao tác CSS. Chúng ta sẽ xem xét các phương thức sau:
addClass()
- Thêm một hoặc nhiều class vào phần tử được chọnremoveClass()
- Xóa một hoặc nhiều class khỏi phần tử được chọntoggleClass()
- Toggle giữa việc thêm/xóa các class khỏi phần tử được chọncss()
- Đặt hoặc trả về thuộc tính style cssStylesheet sau đây sẽ được sử dụng cho tất cả các ví dụ trong bài này:
.important {
font-weight: bold;
font-size: xx-large;
}
.blue {
color: blue;
}
Ví dụ sau đây minh họa cách thêm các class cho các phần tử khác nhau. Tất nhiên bạn có thể chọn nhiều phần tử, khi thêm các class:
$("button").click(function(){
$("h1, h2, p").addClass("blue");
$("div").addClass("important");
});
addClass()
:$("button").click(function(){
$("#div1").addClass("important blue");
});
Ví dụ sau đây cho thấy cách loại bỏ một class cụ thể khỏi các phần tử khác nhau:
$("button").click(function(){
$("h1, h2, p").removeClass("blue");
});
Ví dụ sau đây sẽ cho thấy cách sử dụng phương thức toggleClass()
- toggle giữa việc thêm/xóa các class khỏi phần tử được chọn:
$("button").click(function(){
$("h1, h2, p").toggleClass("blue");
});
Ứng Dụng Học
Theo dõi cập nhật nội dung học trên Youtube & Facebook
Thông Tin Liên Hệ
Công Ty Cổ Phần Công nghệ ZicZac Việt Nam.
Website: https://gozic.vn
SĐT: 096 - 70 25 996
Email: ziczacgroup@gmail.com
Thiết kế webiste chuyên nghiệp
Thiết kế phần mềm quản trị
Thiết kế ứng dụng Android
Thiết kế ứng dụng IOS
Thiết kế Web App
Hỗ trợ Digital Marketing
Hỗ trợ quảng cáo Google Ads
Hỗ trợ quảng cáo Facebook Ads
Hỗ trợ SEO Website