jQuery UI dialog widget() Method Last Updated : 17 Jan, 2021 Comments Improve Suggest changes Like Article Like Report The dialog widget() method in jQuery UI returns the dialog box's widget element. Syntax: var a = $( ".selector" ).dialog("widget");Approach: First, add jQuery UI scripts needed for your project. <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: 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").dialog({ autoOpen: false, }); $("#geeks").click(function () { var a = $("#gfg").dialog("widget"); console.log(a) }); }); </script> </head> <body> <div id="gfg" title="GeeksforGeeks"> Jquery UI| widget dialog method </div> <button id="geeks">Open Dialog</button> </body> </html> Output: Comment More infoAdvertise with us Next Article jQuery UI dialog widget() Method taran910 Follow Improve Article Tags : Web Technologies HTML JQuery jQuery-UI Similar Reads jQuery UI Button widget() Method jQuery UI button widget() method returns an object which contains the visual representation of the button Syntax: $( ".selector" ).button("widget") Parameters: This method does not accept any parameters. Return values: This method returns an object value. Links for jQuery UI libraries: <link rel= 1 min read jQuery UI dialog option() Method This action gets an object containing key/value pairs representing the current dialog options hash. This method does not accept any argument Syntax: var a = $( ".selector" ).dialog("option"); Approach: First, add jQuery UI scripts needed for your project. <link href = "https://code.jquery.com/ui/ 1 min read jQuery UI dialog open() Method open() Method is used to open the dialog. This method does not accept any argument Syntax: $( ".selector" ).dialog("open"); Approach: First, add jQuery UI scripts needed for your project. <link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel = "stylesheet"> 1 min read jQuery UI Buttonset widget() 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 Buttonset widget is used to give a visual grouping for a group of related buttons. The jQuery UI buttonset widget() met 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 dialog close() Method close() method is used to disable the dialog. This method does not accept any argument Syntax: $( ".selector" ).dialog("close"); Approach: First, add jQuery UI scripts needed for your project. <link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel = "stylesheet" 1 min read jQuery UI dialog isOpen() Method isOpen() Method is used to check if the dialog box is open. This method does not accept any argument Syntax: $( ".selector" ).dialog("isOpen"); Approach: First, add jQuery UI scripts needed for your project. <link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel = 1 min read jQuery UI Slider 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 jQueryUI provides us a slider control through slider widget. Slider helps us to get a certain value using a given range. In t 2 min read jQuery UI dialog destroy() Method destroy() Method is used to destroy the dialog. This method does not accept any argument Syntax: $( ".selector" ).dialog("destroy"); Approach: First, add jQuery UI scripts needed for your project. <link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel = "stylesheet 1 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 Like