jQuery | hasClass() con ejemplos

hasClass () es un método incorporado en jQuery que verifica si los elementos con el nombre de clase especificado existen o no.
Sintaxis:

$(selector).hasClass(className);

Parámetro: Acepta un parámetro “className” el cual especifica el nombre de la clase a buscar en el elemento seleccionado.

Valor devuelto: Devuelve verdadero si la búsqueda es exitosa, de lo contrario, falso.
código jQuery para mostrar el funcionamiento de este método:

<html>
  
<head>
    <script 
    src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
    <script>
        $(document).ready(function() {
            $("button").click(function() {
                alert($("p").hasClass("find"));
            });
        });
    </script>
    <style>
        .find {
            font-size: 120%;
            color: green;
        }
          
        body {
            width: 50%;
            height: 200px;
            border: 2px solid green;
            padding: 20px;
        }
    </style>
</head>
  
<body>
  
    <h1>Heading 1</h1>
  
    <p class="find">Geeks for Geeks !.</p>
    <p>This is normal paragraph.</p>
  
    <button>Click me!</button>
  
</body>
  
</html>

Salida:
antes de hacer clic en «¡Haz clic en mí!» botón-

Después de hacer clic en «¡Haz clic en mí!» botón-

Publicación traducida automáticamente

Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *