ejemplo de obtener atributo de un elemento con JQUERY en español

ejemplo de obtener atributo de un elemento con JQUERY en español

ejemplo de obtener atributo de un elemento con JQUERY

muchas veces necesitarás obtener el valor de un atributo que tenga un elemento en tu página web y para ello la librería jQuery nos ofrece el método attr() y entre paréntesis le tienes que indicar el atributo del cual quieres obtener su valor

veamos el siguiente ejemplo:

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
 $("button").click(function(){
 alert($("#enlace").attr("href"));
 });
});
</script>
</head>
<body>
<p><a href="http://www.videotutoriales.es" id="enlace">videotutoriales.es</a></p>
<button>Mostrar valor del atributo HREF</button>
</body>
</html>

en nuestro ejemplo tenemos un vínculo llamado enlace y tenemos un botón

y cuando hacemos clic sobre él nos aparecerá una ventana con el valor del atributo href de nuestro vínculo.

si quieres más información sobre el método attr de jQuery te dejo el siguiente enlace