jQuery UI Button destroy() Method Last Updated : 21 Dec, 2021 Comments Improve Suggest changes Like Article Like Report jQuery UI consists of GUI widgets, visual effects, and themes implemented using HTML, CSS, and jQuery. jQuery UI is great for building UI interfaces for the webpages. The jQuery UI Button destroy() method is used to remove the button functionality completely from the button widget. It does not accept any parameter and returns the element back to its pre-init state. Syntax: $(".selector").button("destroy"); CDN Link: First, add jQuery UI scripts needed for your project. <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> Example: This example describes the uses of jQuery UI Button destroy() method. 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> Output: Reference: https://api.jqueryui.com/button/#method-destroy Comment More infoAdvertise with us Next Article jQuery UI Button destroy() Method P ppatelkap Follow Improve Article Tags : Web Technologies JQuery jQuery-UI jQuery-UI-Button Similar Reads jQuery UI Buttonset destroy() Method jQuery UI consists of GUI widgets, visual effects, and themes implemented using HTML, CSS, and jQuery. jQuery UI is great for building UI interfaces for the webpages. The jQuery UI Buttonset widget is used to give a visual grouping for a group of related buttons. The jQuery UI Buttonset destroy() me 1 min read jQuery UI Button disable() Method jQuery UI consists of GUI widgets, visual effects, and themes implemented using HTML, CSS, and jQuery. jQuery UI is great for building UI interfaces for the webpages. The jQuery UI Button disable() method is used to disable the button widget. It does not accept any parameter. Syntax: $(".selector"). 1 min read jQuery UI Accordion destroy() Method To destroy an accordion in jQuery UI we will be using destroy() method which is discussed below: jQuery UI destroy() method is used to remove the complete functionality of the accordion. It returns the accordion element completely to its initial state. Syntax: $( ".selector" ).button( "destroy" )Par 1 min read jQuery UI Button instance() Method jQuery UI button instance Method is used to get the button's instance object. Syntax: var a = $( ".selector" ).button( "instance" )Parameters: This method does not accept any parameters Return values: This method returns an object value. Approach: First, add jQuery UI scripts needed for your project 1 min read jQuery UI Autocomplete destroy() Method jQuery UI consists of GUI widgets, visual effects, and themes implemented using HTML, CSS, and jQuery. jQuery UI is great for building UI interfaces for the webpages. The jQuery UI Autocomplete widget is used to perform autocomplete enables to quickly find and select from a pre-populated list of val 2 min read Like