En este artículo, aprenderemos cómo eliminar un atributo de cada uno de los elementos coincidentes usando JQuery. JQuery es la biblioteca de JavaScript más rápida y liviana que se utiliza para simplificar las interacciones entre un documento HTML/CSS, o más precisamente el Modelo de objetos de documento (DOM) y JavaScript. Es ampliamente famoso por su lema de «Escribe menos, haz más». Simplemente significa que puede lograr su objetivo simplemente escribiendo unas pocas líneas de código.
Enfoque: se utiliza un atributo para proporcionar información adicional sobre el elemento. Siempre se especifica en la etiqueta inicial. Podemos eliminar fácilmente los atributos de la página usando el método removeAttr() en JQuery. Este método se utiliza para eliminar un atributo de cada uno de los elementos coincidentes.
Sintaxis:
selector.removeAttr( name )
Parámetros: Este método tiene un solo parámetro como se mencionó anteriormente y se describe a continuación.
- nombre: Este es el nombre de la propiedad que debe eliminarse de la página.
El siguiente ejemplo ayudará a comprender mejor el enfoque.
Ejemplo: En este ejemplo, utilizaremos el método removeAttr() para eliminar un atributo de cada uno de los elementos coincidentes.
HTML
<html>
<head>
<script type="text/javascript"
src=
"https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
<style>
body {
text-align: center;
}
</style>
</head>
<body>
<h1 style="color:green">GeeksforGeeks</h1>
<table border="5px">
<tr>
<td>This is first table</td>
</tr>
</table>
<table border="6px">
<tr>
<td>This is second table</td>
</tr>
</table>
<table border="7px">
<tr>
<td>This is third table</td>
</tr>
</table>
<button id="btn">Click to remove</button>
<script type="text/javascript">
$("#btn").click(function () {
$("table").removeAttr("border");
});
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por volumezero9786 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA