Phương thức removeClass() trong jQuery
1) Phương thức removeClass() trong jQuery
- Phương thức removeClass() dùng để xóa "tên lớp" khỏi giá trị thuộc tính class của phần tử.
2) Cách sử dụng phương thức removeClass() trong jQuery
- Để sử dụng phương thức removeClass(), ta dùng cú pháp như sau:
$(selector).removeClass(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 removeClass():
| classname | - Tên lớp mà bạn muốn xóa. - Nếu bạn muốn xóa 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. - Lưu ý:
|
3) Một số ví dụ
Ví dụ:
- Xóa lớp background khỏi giá trị thuộc tính class của các phần tử <p>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").removeClass("background");
});
});
</script>Ví dụ:
- Xóa lớp font & background khỏi giá trị thuộc tính class của các phần tử <p>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").removeClass("font background");
});
});
</script>Ví dụ:
- Xóa tất cả các lớp khỏi giá trị thuộc tính class của các phần tử <p>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").removeClass();
});
});
</script>