Home Web Development .hasClass() trong jQuery

.hasClass() trong jQuery

Web Development Quachquynh · Tháng Hai 27, 2021 · Comments off

.hasClass() là phương thức hữu ích khi bạn muốn dùng để kiểm tra một phần tử HTML. Vậy cụ thể hasClass trong jQuery là gì và dùng để làm gì hãy đọc tiếp bài này.

Khái niệm .hasClass() jQuery

.hasClass được sử dụng để kiểm tra phần tử có chứa class hay không. Giá trị trả về sẽ là true hoặc false.

Nếu là true thì phần tử đó chứa class. Ngược lại false là không có.

Cách sử dụng hasClass()

Cú pháp:

jQuery(selector).hasClass(classname);

Selector là tên phần tử muốn kiểm tra.

Ví dụ:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Ví dụ HasClass</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
jQuery(function($){
    $('div').each(function(){
        var ktClass = $(this).hasClass('testclass');
        if(ktClass){
            $(this).append('<span> - thành phần có class="testclass"</span>');
        }
    });
});
</script>
</head>

<body>
<div class="testclass">Thành phần div</div>
<div>Thành phần div</div>
</body>
</html>

Kết quả:

Thành phần div - thành phần có class="testclass"
Thành phần div

Kết thúc bài viết này bạn đã biết được .hasClass jQuery là gì rồi đúng không. Nó sẽ được sử dụng với các phương thức khác như addClass, removeClass vv…