jQuery UI Sortable widget() Method Last Updated : 17 Jan, 2022 Comments Improve Suggest changes Like Article Like Report 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 widgets easily. In this article, we will be using the jQuery UI Sortable widget() method to return a jQuery object containing the sortable element. It does not accept any parameter for functioning. Syntax: var widget = $( ".selector" ).sortable( "widget" ); Parameter: This method does not accept any parameter. Return type: This method returns an object value that contains the sortable element. CDN Link: The following jQuery Mobile scripts will be needed for your project so we need to add these scripts to your project. <link rel=”stylesheet” href=”https://code.jquery.com/ui/1.12.1/themes/base/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: This example describes the uses of the jQuery UI Sortable widget() Method. HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <link rel="stylesheet" href= "https://code.jquery.com/ui/1.12.1/themes/base/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> #sortable { list-style-type: none; width: 50%; } #sortable li { margin: 10px 0; padding: 0.5em; font-size: 25px; height: 20px; background-color: #7af760; } #btn1, #btn2 { margin-left: 50px; padding: 0.5; font-size: 25px; height: 50px; width: 50%; } </style> <script> $(function () { $("#btn").on('click', function () { var widget = $("#divID").sortable( "widget" ); document.getElementById('gfg').innerHTML += "No of jQuery object containing the sortable element : " + Object.keys(widget).length; }); }); $(function () { $("#sortable").sortable(); }); </script> </head> <body> <center> <h1 style="color: green;"> GeeksforGeeks </h1> <h4>jQuery UI Sortable widget() Method</h4> <ul id="sortable"> <li class="ui-state-default">Geeks1</li> <li class="ui-state-default">Geeks2</li> <li class="ui-state-default">Geeks3</li> <li class="ui-state-default">Geeks4</li> </ul> <input type="button" id="btn" value="Widget"> <h4><span id="gfg"></span></h4> </center> </body> </html> Output: jQuery UI Sortable widget() Method Reference: https://api.jqueryui.com/sortable/#method-widget Comment More infoAdvertise with us Next Article jQuery UI Sortable widget() Method S SHUBHAMSINGH10 Follow Improve Article Tags : Web Technologies JQuery jQuery-UI jQuery-UI-Sortable Similar Reads jQuery UI Sortable enable() 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 Sortable option() 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 3 min read jQuery UI Sortable cancel() 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 Resizable widget() 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. The jQuery UI Resizable widget() method is used to invoke the widget method. This method does not accept any parameters. Syntax: 1 min read jQuery UI Sortable toArray() 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 Sortable refresh() 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 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 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 Sortable instance() 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 Sortable serialize() 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 Like