jQuery UI Selectable destroy() Method Last Updated : 31 Dec, 2021 Comments Improve Suggest changes Like Article Like Report jQuery UI consists of GUI widgets, visual effects, and themes implemented using the jQuery JavaScript library. jQuery UI is great for building UI interfaces for the webpages. It can be used to build highly interactive web applications or can be used to add widgets easily. The jQuery UI Selectable destroy() method is used to destroy the selectable widget. Syntax: $( ".selector" ).selectable( "destroy" ); Parameters: This method does not accept any parameter. CDN Link: First, add jQuery UI scripts needed for your project. <link rel=”stylesheet” href=”https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css”><script src=”https://code.jquery.com/jquery-1.12.4.js”></script><script src=”https://code.jquery.com/ui/1.12.1/jquery-ui.js”></script> Example: HTML <!doctype html> <html lang="en"> <head> <link rel="stylesheet" href= "https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css"> <script src= "https://code.jquery.com/jquery-1.12.4.js"> </script> <script src= "https://code.jquery.com/ui/1.12.1/jquery-ui.js"> </script> <style> h1 { color: green; } #list .ui-selecting { background: greenyellow; } #list .ui-selected { color: white; background: green; } </style> </head> <body> <h1>GeeksforGeeks</h1> <h3>jQuery UI Selectable destroy() Method</h3> <h3>GeeksforGeeks Subjects</h3> <ul id="list"> <li>Data Structure</li> <li>Algorithm</li> <li>C++</li> <li>Java</li> <li>HTML</li> <li>Bootstrap</li> <li>PHP</li> </ul> <input type="button" id="btn" value="Destroy the Widget"> <script> $(document).ready(function () { $("#list").selectable(); $("#btn").on('click', function() { $("#list").selectable("destroy"); }); }); </script> </body> </html> Output: Reference: https://api.jqueryui.com/selectable/#method-destroy Comment More infoAdvertise with us Next Article jQuery UI Selectable destroy() Method S skyridetim Follow Improve Article Tags : Web Technologies JQuery jQuery-UI jQuery-UI-Selectable Similar Reads jQuery UI Selectmenu 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 selectmenu widget can provide us with select options. We can use this widget to make a form for different actions. The 1 min read jQuery UI Sortable destroy() Method jQuery UI is a web-based technology and consists of various GUI widgets, visual effects, and themes. These features can be implemented using the jQuery JavaScript Library. jQuery UI is the best tool for building UI interfaces for the webpages. It can also be used to build highly interactive web appl 2 min read 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 1 min read jQuery UI Selectable disable() Method jQuery UI consists of GUI widgets, visual effects, and themes implemented using the jQuery JavaScript Library. jQuery UI is great for building UI interfaces for the webpages. It can be used to build highly interactive web applications or can be used to add widgets easily. The jQuery UI Selectable di 1 min read jQuery UI Selectable instance() Method jQuery UI consists of GUI widgets, visual effects, and themes implemented using the jQuery, JavaScript Library. jQuery UI is great for building UI interfaces for the webpages. It can be used to build highly interactive web applications or can be used to add widgets easily. The JQuery UI selectable() 2 min read Like