jQuery UI Selectable disable() Method Last Updated : 15 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 disable() method is used to disable the selectable widget. This method does not accept any parameter. Syntax: $( ".selector" ).selectable( "disable" ); 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 disable() 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="Disable the Widget"> <script> $(document).ready(function () { $("#list").selectable(); $("#btn").on('click', function() { $("#list").selectable("disable"); }); }); </script> </body> </html> Output: Reference: https://api.jqueryui.com/selectable/#method-disable Comment More infoAdvertise with us Next Article jQuery UI Selectable disable() Method P ppatelkap Follow Improve Article Tags : Web Technologies JQuery jQuery-UI jQuery-UI-Selectable Similar Reads jQuery UI Selectable enable() 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 en 1 min read jQuery UI Selectmenu 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 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 disable() Method jQuery UI Â is a web-based technology and consists of GUI widgets, visual effects, and themes 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 applications or can be used to add 2 min read jQuery UI Tabs 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 Tabs widget is used to create a single content area with multiple panels that are associated with a header in a list. T 3 min read jQuery UI Selectable disabled Option 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 2 min read Like