jQuery UI consta de widgets GUI, efectos visuales y temas implementados mediante HTML, CSS y jQuery. jQuery UI es excelente para crear interfaces de interfaz de usuario para las páginas web.
El método jQuery UI Button destroy() se utiliza para eliminar completamente la funcionalidad del botón del widget de botón. No acepta ningún parámetro y devuelve el elemento a su estado anterior a la inicialización.
Sintaxis:
$(".selector").button("destroy");
Enlace CDN: Primero, agregue los scripts jQuery UI necesarios para su proyecto.
<enlace rel=”hoja de estilo” href=”//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css”>
<script src=”//code.jquery.com/jquery- 1.12.4.js”></script>
<script src=”//code.jquery.com/ui/1.12.1/jquery-ui.js”></script>
Ejemplo: Este ejemplo describe los usos del método destroy() de jQuery UI Button.
HTML
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href=
"//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<center>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>jQuery UI Button destroy() Method</h3>
<button>GFG Button</button>
<br><br>
<input type="button" id="GFG"
style="padding: 5px 15px;"
value="Destroy the Button Widget">
</center>
<script>
$(document).ready(function () {
$("button").button();
$("#GFG").on('click', function () {
$("button").button("destroy");
});
});
</script>
</body>
</html>
Producción:
Referencia: https://api.jqueryui.com/button/#method-destroy