Phương thức addClass() trong jQuery
1) Phương thức addClass() trong jQuery
- Phương thức addClass() dùng để thêm "tên lớp" vào giá trị thuộc tính class của phần tử.
- Lưu ý:
- Phương thức addClass() chỉ thêm tên lớp chứ không xóa đi những tên lớp đã tồn tại trước đó.
- Nếu tên lớp mà bạn muốn thêm vào đã tồn tại thì tên lớp đó sẽ bị bỏ qua.
2) Cách sử dụng phương thức addClass() trong jQuery
- Để sử dụng phương thức addClass(), ta dùng cú pháp như sau:
$(selector).addClass(classname);
- Dưới đây là bảng mô tả ý nghĩa & cách sử dụng các tham số trong phương thức addClass():
classname | - Tên lớp mà bạn muốn thêm. - Nếu bạn muốn thêm nhiều tên lớp thì phải ngăn cách giữa các tên lớp bởi một dấu khoảng trắng. |
3) Một số ví dụ
Ví dụ:
- Thêm lớp background vào giá trị thuộc tính class của các phần tử <p>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").addClass("background");
});
});
</script>
Xem ví dụ
Ví dụ:
- Thêm lớp font & background vào giá trị thuộc tính class của các phần tử <p>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").addClass("font background");
});
});
</script>
Xem ví dụ