Open In App

jQuery UI Button widget() Method

Improve
Improve
Like Article
Like
Save
Share
Report

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=’stylesheet’
href=”http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/ui-lightness/jquery-ui.css”>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js”> </script>
<script src=”https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js”> </script>

  • OR

<link rel=’stylesheet’
href=”https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css”>
<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>

Below are the example which shows the implementation of this method.

Example 1:

HTML




<!DOCTYPE html> 
<html
  
<head
    <meta charset="utf-8"
    <meta name="viewport" content
        "width=device-width, initial-scale=1"
  
    <script src
    </script
  
    <script src
    </script
  
    <link href
        rel="stylesheet" type="text/css" /> 
          
    <style
        .height { 
            height: 10px; 
        
    </style
  
    <script
        $(function () { 
            $("#buttonId, #submitId").button();
  
            $('#buttonId, #submitId').click(function (event) { 
                event.preventDefault(); 
  
                var a = $( this ).button( "widget" );
                console.log(a) 
            });  
        }); 
    </script
</head
  
<body
    <h1 style="color:green">GeeksforGeeks</h1
    <b>jQueryUI | Button widget Method</b
    <div class="height"> </div><br
    <div class="buttons-div"
        <button id="buttonId">Button element</button
        <input id="submitId" type="submit" 
            value="Submit button">  
    </div
</body
  
</html>


Output:

Reference: https://api.jqueryui.com/button/



Last Updated : 03 Dec, 2021
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads