jQuery UI Autocomplete destroy() Method

jQuery UI Button destroy() Method

Last Updated : 21 Dec, 2021

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

jQuery UI Autocomplete destroy() Method

P

ppatelkap

Improve

Article Tags :

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

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").

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

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

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

jQuery UI Button enable() 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 enable() method is used to enable the disabled button element. It does not accept any parameter. Syntax: $(".sel

How to destroy a button in jQuery UI ?

To destroy a button 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 button. It returns the button element completely to its initial state. Syntax: $(".selector").button("destroy") Parameters: This

jQuery UI Menu destroy() Method

The jQuery UI consists of GUI widgets, visual effects, and themes implemented using jQuery, CSS, and HTML. jQuery UI is great for building UI interfaces for the webpages. jQuery UI menu is a Themeable menu that is used with a mouse and keyboard interactions for navigating between pages. In this arti

jQuery UI Tabs destroy() Method

jQuery UI consists of GUI widgets, visual effects, and themes implemented using jQuery, CSS, and HTML. jQuery UI is great for building UI interfaces for the webpages. jQuery UI tabs widget helps us to put some content in different tabs and allow us to switch between them. In this article, we will se

jQuery UI Buttonset 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 Buttonset widget is used to give a visual grouping for a group of related buttons. The jQuery UI Buttonset disable() me