Método 1: Uso del método hasClass() : hasClass() es un método incorporado en jQuery que verifica si los elementos con el nombre de clase especificado existen o no. Devuelve un valor booleano que especifica si la clase existe en el elemento o no. Esto se puede utilizar para comprobar si hay varias clases.
Sintaxis:
$('element').hasClass('className')
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
How to check an element contains
a class using jQuery?
</title>
<script src=
"https://code.jquery.com/jquery-3.3.1.min.js">
</script>
</head>
<body>
<h1 style="color: green">
GeeksforGeeks
</h1>
<b>
How to check an element contains
a class using jQuery?
</b>
<p class="example-class">
This element has "example-class".
</p>
<p>Does the element have class?
<span class="output"></span>
</p>
<button onclick="checkForClass()">
Click to check
</button>
<!-- Script to use hasClass() method to
check the existence of class name -->
<script type="text/javascript">
function checkForClass() {
classCheck = $('p').is('.example-class');
document.querySelector('.output').textContent
= classCheck;
}
</script>
</body>
</html>
Producción:
Método 2: Uso del método is() : es similar al método anterior y se puede usar para verificar más atributos si es necesario. Se selecciona el elemento requerido y el nombre de la clase se pasa como un selector de clase CSS. Devuelve un valor booleano que especifica si la clase existe en el elemento o no. Esto se puede utilizar para comprobar si hay varias clases.
Sintaxis:
$('element').is('.className')
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
How to check an element contains
a class using jQuery?
</title>
<script src=
"https://code.jquery.com/jquery-3.3.1.min.js">
</script>
</head>
<body>
<h1 style="color: green">
GeeksforGeeks
</h1>
<b>
How to check an element contains
a class using jQuery?
</b>
<p class="example-class">
This element has "example-class".
</p>
<p>Does the element have class?
<span class="output"></span>
</p>
<button onclick="checkForClass()">
Click to check
</button>
<!-- Script to use is() method to
check the existence of class name -->
<script type="text/javascript">
function checkForClass() {
classCheck = $('p').is('.example-class');
document.querySelector('.output').textContent
= classCheck;
}
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA