JQuery: Verificar se um elemento possui uma classe

O JQuery tem dois métodos para verificar se um elemento possui um determinado nome de classe.

Temos os métodos is(‘.nomedaclasse’) e o método hasClass(‘nomedaclasse’).

Método is()

<a id="1" class="minhaclasse" href="#">is('.minhaclasse')</a>
 
 
<a id="2" class="" href="#">não tem classe</a>
 
<script>
$( "a" ).click(function(event) {
  if ( $( this ).is( ".minhaclasse" ) ) {
    alert("O id: " + $( this ).attr("id") + " tem uma classe");
  }
  event.preventDefault();
});
</script>

Método hasClass()

<a id="1" class="minhaclasse" href="#">hasClass('minhaclasse')</a>
 
 
<a id="2" class="" href="#">não tem classe</a>
 
<script>
$( "a" ).click(function(event) {
  if ( $( this ).hasClass( "minhaclasse" ) ) {
    alert("O id: " + $( this ).attr("id") + " tem uma classe");
  }
  event.preventDefault();
});
</script>

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *