jQuery UI Resizable instance() Method Last Updated : 29 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 Resizable instance() method to retrieve the resizable's instance object. If the element does not have any associated instance, undefined is returned. It does not accept any parameter for functioning. Syntax: var Instance = $( ".selector" ).resizable( "instance" ); Parameter: This method does not accept any parameter. Return type: This method returns an object value that contains the resizable’s instance object. 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 Resizable instance() Method. 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; } .container { width: 320px; } #resizable-div { width: 150px; height: 150px; text-align: center; border: 2px solid black; } </style> <script> $(function () { $("#btn").on('click', function () { var instances = $("#resizable-div") .resizable("instance"); document.getElementById('GFG').innerHTML += "Instance Value: " + Object.keys(instances).length; }); }); $(function () { $("#resizable-div").resizable(); $("#resizable-div").resizable('enable'); }); </script> </head> <body> <center> <h1>GeeksforGeeks</h1> <h3>jQuery UI Resizable instance() Method</h3> <div class="container"> <div id="resizable-div"> <h3 class="gfg" style = "color:green;"> I'm Enable </h3> </div> </div> <br> <input type="button" id="btn" style="width: 200px; height: 40px; font-size : 20px;" value="Instance"> <h4><span id="GFG"></span></h4> </center> </body> </html> Output: jQuery UI Resizable instance() Method Reference: https://api.jqueryui.com/resizable/#method-instance Comment More infoAdvertise with us Next Article jQuery UI Resizable instance() Method S SHUBHAMSINGH10 Follow Improve Article Tags : Web Technologies JQuery jQuery-UI jQuery-UI-Resizable Similar Reads jQuery UI Resizable disable() 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 disable() method is used to disable the resizable property of the div element. This method does not accep 1 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 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 jQuery UI Slider instance() 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. jQuery UI provides us a slider control through the slider widget. The slider widget helps us to get a certain value using a given ran 2 min read jQuery UI Resizable distance Option 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 distance option is used to disable the resizable property if it set to true. Syntax: $(".selector").resizable 1 min read jQuery UI Tabs instance() 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 Spinner instance() 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. jQuery UI spinner widget helps us to increment and decrement values of an input element using up and down arrows. In this article, we 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 Resizable 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 Resizable enable() 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 enable() method is used to enable the resizable property of the HTML div element. This method does not ac 1 min read Like