jQuery UI Slider widget() Method Last Updated : 03 Dec, 2021 Summarize Comments Improve Suggest changes Share Like Article Like Report 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 jQueryUI provides us a slider control through slider widget. Slider helps us to get a certain value using a given range. In this article we will see how to use widget Method in jQuery UI slider. The widget Method is used to returns a jQuery object containing the slider. Syntax: var a = $( ".selector" ).slider("widget"); Parameters: This method does not accept any parameter. CDN Link: First, add jQuery UI scripts CDN link, needed for your task. <link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel = "stylesheet"> <script src = "https://code.jquery.com/jquery-1.10.2.js"></script> <script src = "https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> Example: In this example, we will be using the widget method that will return a jquery object. HTML <!DOCTYPE html> <html lang = "en"> <head> <meta charset = "utf-8"> <link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel = "stylesheet" /> <script src = "https://code.jquery.com/jquery-1.10.2.js"> </script> <script src = "https://code.jquery.com/ui/1.10.4/jquery-ui.js"> </script> <script> $(function() { $( "#gfg" ).slider(); $( "#gfg" ).slider("value"); }); function gfgg(){ var a = $( "#gfg" ).slider("widget"); console.log(a) } </script> </head> <body> <h1>GeeksforGeeks</h1> <h2>jQuery UI | slider widget method</h2> <div id = "gfg" onclick="gfgg()"></div> </body> </html> Output: Reference: https://api.jqueryui.com/spinner/#method-widget Comment More infoAdvertise with us Next Article jQuery UI Slider widget() Method T taran910 Follow Improve Article Tags : Web Technologies HTML JQuery jQuery-UI Similar Reads jQuery UI Spinner widget() 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. jQueryUI spinner widget helps us to increment and decrement values of input element using up and down arrow. In this article we will 1 min read jQuery UI Tabs widget() 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. jQueryUI tabs widget helps us to put some content in different tabs and allow us to switch between them. In this article we will see 1 min read jQuery UI Slider value() 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 jQueryUI provides us a slider control through the slider widget. Slider helps us to get a certain value using a given range. 2 min read jQuery UI Tooltip widget() 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 tooltip widget helps us to add new themes and allows for customization. In this article, we will see how to use widget meth 1 min read jQuery UI Selectable widget() 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. In this article, we will b 2 min read Like