jQuery UI Draggable widget() Method

jQuery UI dialog widget() Method

Last Updated : 17 Jan, 2021

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:

jQuery UI Draggable widget() Method

taran910

Improve

Article Tags :

Similar Reads

jQuery UI Draggable widget() 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

jQuery UI accordion Widget() Method

jQuery UI widget() Method is used to return the instance of the current jQuery accordion element. Syntax: var a = $( ".selector" ).accordion( "enable" )Parameters: This method does not accept any parameters. Return values: This method returns the instance of the current jQuery accordion element. App

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=

jQuery UI Dialog width Option

Dialog width option is used to set the width of the dialog box in pixels. By default, the value is 300. Syntax: $( ".selector" ).dialog({ width : 120 }); 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

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/

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">

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

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

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"

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 =