.removeclass()
Định nghĩa và sử dụng removeClass() : Loại bỏ thuộc tính (attr) class có bên trong thành phần .removeClass() Cấu trúc Loại bỏ tất cả tên class có trong thành phần. $(‘div’).removeClass(); Html viết: <!DOCTYPE HTML> <html> <head> <meta charset=”utf-8″> <title>Tiêu đề</title> <script src=”https://code.jquery.com/jquery-latest.js”></script> <script> $(function(){ $(‘div’).removeClass(); }); </script> </head> <body> <div […]
Định nghĩa và sử dụng
- removeClass() : Loại bỏ thuộc tính (attr) class có bên trong thành phần
.removeClass()
Cấu trúc
Loại bỏ tất cả tên class có trong thành phần.
$('div').removeClass();
Html viết:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Tiêu đề</title>
<script src="https://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
$('div').removeClass();
});
</script>
</head>
<body>
<div id="remove" class="test01 test02 test03">Thành phần div</div>
</body>
</html>
Hiển thị trình duyệt:
Thành phần div
Ta thấy thuộc tính tất cả tên có trong thuộc tính class đã bị loại bỏ khỏi thành phần div.
So sánh code HTML trước và sau khi có jQuery:
| Trước khi có jQuery | Sau khi có jQuery |
| <div id=”remove” class=”test01 test02 test03″>Thành phần div</div> | <div id=”remove” class=””>Thành phần div</div> |
.removeClass(‘Tên class‘)
Cấu trúc
Loại bỏ tên class có trong thành phần.
$('div').removeClass('test');
Html viết:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Tiêu đề</title>
<script src="https://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
$('div').removeClass('test02');
});
</script>
</head>
<body>
<div id="remove" class="test01 test02 test03">Thành phần div</div>
</body>
</html>
Hiển thị trình duyệt:
Thành phần div
Ta thấy thuộc tính class có tên test02 đã bị loại bỏ khỏi thành phần div.
So sánh code HTML trước và sau khi có jQuery:
| Trước khi có jQuery | Sau khi có jQuery |
| <div id=”remove” class=”test01 test02 test03″>Thành phần div</div> | <div id=”remove” class=”test01 test03″>Thành phần div</div> |
