Índice

Comprobar la presencia de una clase CSS

hasClass(clase)

Comprueba si la clase CSS que se pasa como argumento está presente para los elementos de destino. Devuelve true si la clase especificada está presente para al menos uno de los elementos de destino; false en caso contrario.

$("#p1").hasClass("box"): comprueba si el elemento identificado por p1 tiene la clase box.

El método devuelve un booleano (true o false).

Al pasar el ratón por encima, el script jQuery debe dotar de un color de fondo y de un borde solo a los párrafos con la clase new.

La ventana tras la carga de la página:

images/3_3_v41.png
images/3_3_v42.png

El documento HTML:

<!doctype html> 
<html lang="es"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery</title> 
<script src="jquery.js"></script> 
<script> 
    $(document).ready(function() 
    { 
        $("p").mouseover(function() 
        { 
            if ($(this).hasClass("new") ) 
            { 
                $(this).addClass("colorDefondo") 
            }; 
        }); 
    }); 
</script> 
<style> 
    p { 
    width: 150px; 
        cursor: pointer;  ...