jQuery Mobile Button Widget icon Option Last Updated : 18 Apr, 2022 Comments Improve Suggest changes Like Article Like Report jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Button Widget icon Option to add the icon inside the button. Syntax: $("selector").button({ icon: "icon_name" }); CDN Link: First, add jQuery Mobile scripts needed for your project. <link rel="stylesheet" href="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="//code.jquery.com/jquery-1.10.2.min.js"></script> <script src="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> Example: HTML <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content= "width=device-width, initial-scale=1"> <link rel="stylesheet" href= "//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="//code.jquery.com/jquery-1.10.2.min.js"> </script> <script src= "//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"> </script> <script> $(document).ready(function () { $(".gfg").button({ icon: "star" }); $(".gfg1").button({ icon: "edit" }); }); </script> </head> <body> <div data-role="page" id="page1"> <div data-role="header"> <h1>GeeksforGeeks</h1> <h3>jQuery Mobile Button Widget icon Option</h3> </div> <div role="main" class="ui-content"> <form action="#" method="get"> <input type="submit" value="Star Icon Button" class="gfg"> <input type="button" value="Edit Icon Button" class="gfg1"> </form> </div> </div> </body> </html> Output: Reference: https://api.jquerymobile.com/1.4/button/#option-icon Comment More infoAdvertise with us Next Article jQuery Mobile Button Widget icon Option P ppatelkap Follow Improve Article Tags : Web Technologies JQuery jQuery-Mobile Similar Reads jQuery Mobile jQuery Mobile is an HTML5-based user interface system designed to make responsive websites and apps that are accessible on all smartphone, tablet, and desktop devices. Why jQuery Mobile? jQuery Mobile framework takes the “write less, do more†mantra to the next level. Instead of writing unique appli 2 min read jQuery Mobile Introduction jQuery Mobile is an HTML5 based user interface system designed to make responsive websites and apps that are accessible on all smartphone, tablet, and desktop devices. jQuery Mobile framework takes the “write less, do more†mantra to the next level: Instead of writing unique applications for each mo 2 min read jQuery Mobile ToolbarjQuery Mobile Toolbar addBackBtn OptionjQuery Mobile is a web technology built on top of jQuery. It is used to create responsive web applications and websites which are accessible on phones, tabs, and desktops. In this article, we will use the jQuery Mobile Toolbar addBackBtn option. When the addBackBtn option is set to true, a back butt 2 min read jQuery Mobile Toolbar backBtnText OptionjQuery Mobile is a web technology used to create responsive web applications and websites which are accessible devices of different screen sizes. It is built on top of jQuery. In this article, we will use the jQuery Mobile Toolbar backBtnText option. The backBtnText option accepts a string and works 2 min read jQuery Mobile Toolbar backBtnTheme OptionjQuery Mobile is a set of HTML5 based user system interaction widget toolbox used for various purposes build on top of jQuery. It is designed to build fast and responsive sites accessible to mobile, tabs, and desktops. In this article, we will use the jQuery Mobile Toolbar backBtnTheme option. The T 3 min read jQuery Mobile Toolbar classes OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will use the jQuery Mobile Toolbar classes option to add additional classes to the widget's elements. Syntax: Initializing the toolbar with the 2 min read jQuery Mobile Toolbar destroy() MethodjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will use the jQuery Mobile Toolbar destroy() method to destroy the toolbar. The destroy() method completely removes the toolbar functionality fr 1 min read jQuery Mobile Toolbar disable() MethodjQuery Mobile is a set of HTML5 based user system interaction widget toolbox used for various purposes build on top of jQuery. It is designed to build fast and responsive sites accessible to mobile, tabs, and desktops. In this article, we will use the jQuery Mobile Toolbar disable() method to disabl 1 min read jQuery Mobile Toolbar enable() MethodjQuery Mobile is a set of HTML5 based user system interaction widget toolbox used for various purposes build on top of jQuery. It is designed to build fast and responsive sites accessible to mobile, tabs, and desktops. In this article, we will use the jQuery Mobile Toolbar enable() method to enable 1 min read jQuery Mobile Toolbar hide() MethodjQuery Mobile is a set of HTML5 based user system interaction widget toolbox used for various purposes build on top of jQuery. It is designed to build fast and responsive sites accessible to mobile, tabs, and desktops. In this article, we will use the jQuery Mobile Toolbar hide() method to hide a to 1 min read jQuery Mobile Toolbar create EventjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will use the jQuery Mobile Toolbar create event. This event is triggered when the toolbar is created. Syntax: Initializing the toolbar create ev 1 min read jQuery Mobile Toolbar Widget Complete ReferencejQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. jQuery Mobile Toolbar Widget is used to add toolbars to the top and bottom of the page. It allows to create headers and footers. jQuery Mobile Toolbar Widget Option 1 min read jQuery Mobile TextinputjQuery Mobile Textinput Widget autogrow OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Textinput Widget autogrow Option to update the size of the textarea element. The size of textarea changes accord 1 min read jQuery Mobile Textinput Widget clearBtn OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Textinput Widget clearBtn Option to add a clear button to the input element when it set to true. Syntax: $( ".se 1 min read jQuery Mobile Textinput Widget corners OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Textinput Widget corners Option to set the corner border radius of the input element. Syntax: $( ".selector" ).t 1 min read jQuery Mobile Textinput Widget defaults OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using jQuery Mobile Textinput Widget defaults Option and set its value to true that indicates the other widgets options have default val 1 min read jQuery Mobile Textinput Widget disabled OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Textinput Widget disabled Option to disable the input fields if it set to true. Syntax: $( ".selector" ).textinp 1 min read jQuery Mobile Textinput Widget enhanced OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Textinput Widget enhanced Option that describes the markup necessary for a textinput widget that has been provid 1 min read jQuery Mobile Textinput Widget keyupTimeoutBuffer OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using jQuery Mobile Textinput Widget keyupTimeoutBuffer Option to set the amount of time (in milliseconds) to wait between the occurrenc 1 min read jQuery Mobile Textinput Widget mini OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Textinput Widget mini Option to display the compact version of the textinput fields. It displays the less vertic 1 min read jQuery Mobile Textinput Widget preventFocusZoom OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Textinput widget preventFocusZoom option to prevent the device from focusing on the input element when the eleme 1 min read jQuery Mobile Textinput Widget Complete ReferencejQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. The Textinput Widget is used to create textinput, textarea or search input. All the textarea created using standard HTML and enhance with jQuery. jQuery Mobile Text 1 min read jQuery Mobile Reflow TablejQuery Mobile Reflow Table classes.cellLabels OptionjQuery Mobile is a web-based technology that can be used to make responsive content for websites that can be accessed on all types of smartphones, tablets, and desktops.  In this article, we will learn how to use the jQuery Mobile Reflow Table classes.cellLabels Option. Using this option, classes c 2 min read jQuery Mobile Reflow Table classes.reflowTable OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Reflow Table classes.reflowTable Option. In this option, the specified class is added to the generated label con 2 min read jQuery Mobile Reflow refresh() MethodjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Reflow Table refresh() method to update the labels in the cells of the specified Reflow Table widget. Syntax: $( 2 min read jQuery Mobile Reflow Table create EventjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Reflow Table create Event. This event is triggered when the reflow table widget is created. Syntax: Initializing 2 min read jQuery Mobile Reflow Table Widget Complete ReferencejQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. The Reflow Table Widget can be used to create a responsive table in reflow mode which collapse the table columns into a stacked presentation. jQuery Mobile Reflow T 1 min read jQuery Mobile Column-Toggle TablejQuery Mobile Column-Toggle Table classes.columnBtn OptionjQuery Mobile is an HTML5 based user interface system designed to make responsive websites and apps that are accessible on all smartphone, tablet, and desktop devices.  The Column-Toggle table widget allows to hide/show less important columns with the help of a Column button with checkboxes. In thi 2 min read jQuery Mobile Column-Toggle Table classes.popup OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Column-Toggle Table classes.popup Option. In this option, the specified class is assigned to the column chooser 2 min read jQuery Mobile Column-Toggle Table classes.priorityPrefix OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Column-Toggle Table classes.priorityPrefix Option. In this option, the specified class prefix is added to each c 2 min read jQuery Mobile Column-Toggle Table columnBtnText OptionjQuery Mobile is an HTML5 based user interface system designed to make responsive websites and apps that are accessible on all smartphone, tablet, and desktop devices. The Column-Toggle table widget allows to hide/show less important columns with the help of a Column button with checkboxes. In this 2 min read jQuery Mobile Column-Toggle Table columnBtnTheme OptionjQuery Mobile is an HTML5 based user interface system designed to make responsive websites and apps that are accessible on all smartphone, tablet, and desktop devices. The Column-Toggle table widget allows to hide/show less important columns with the help of a Column button with checkboxes. In this 2 min read jQuery Mobile Column-Toggle Table enhanced OptionjQuery Mobile is an HTML5 based user interface system designed to make responsive websites and apps that are accessible on all smartphone, tablet, and desktop devices. The Column-Toggle table widget allows to hide/show less important columns with the help of a Column button with checkboxes. In this 2 min read jQuery Mobile Column-Toggle Table refresh() MethodjQuery Mobile is an HTML5 based user interface system designed to make responsive websites and apps that are accessible on all smartphone, tablet, and desktop devices. The Column-Toggle table widget allows to hide/show less important columns with the help of a Column button with checkboxes. In this 2 min read jQuery Mobile Column-Toggle Table create EventjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Column-Toggle Table create Event. This event is triggered when the Column-Toggle Table widget is created. Syntax 2 min read jQuery Mobile Column-Toggle Table Widget Complete ReferencejQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. jQuery Mobile Column-Toggle Table Widget creates a responsive table in column toggle mode. jQuery Mobile Column-Toggle Table Widget Options jQuery Mobile Column-Tog 1 min read jQuery Mobile TablejQuery Mobile Table classes OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. The TableWidgets in jQuery Mobile can be used to design a responsive table, that can easily fit all sizes of screens. In this article, we will be using the jQuery M 2 min read jQuery Mobile Table defaults OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Table defaults option. When the value of this option is set to true that means other widgets options have defaul 2 min read jQuery Mobile Table disabled OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Table disabled option to disable the table widget. This option accepts boolean values. Syntax: Initializing the 2 min read jQuery Mobile Table rebuild MethodjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Table rebuild() method to re-process the entire table to ensure it is displayed correctly. Syntax: $( ".selector 1 min read jQuery Mobile Table Widget Complete ReferencejQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. The Table Widget is used to display tabular data on a small screen. jQuery Mobile Table Widget Options jQuery Mobile Table classes OptionjQuery Mobile Table default 1 min read jQuery Mobile SliderjQuery Mobile Slider classes OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Slider classes option to add additional classes to the widget's elements. Syntax: Initializing the Slider with t 2 min read jQuery Mobile Slider Widget defaults OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using jQuery Mobile Slider Widget defaults option to true that indicates the other widgets options that have the default values, and it 1 min read jQuery Mobile Slider Widget disabled OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using jQuery Mobile Slider widget disabled option to disable the slider if its value is set to true. It accepts boolean type value and i 1 min read jQuery Mobile Slider Widget highlight OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Slider Widget highlight option to set an active state fill on the track from the left edge to the slider handle 1 min read jQuery Mobile Slider destroy() MethodjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Slider destroy() method to remove the slider functionality completely. This method does not accept any parameter 1 min read jQuery Mobile Slider disable() MethodjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will discuss jQuery Mobile Slider disable() method that is used to disable the slider widget. This method does not accept any parameter. Syntax: 1 min read jQuery Mobile Slider enable() MethodjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will discuss jQuery Mobile Slider enable() method. This is used to get the slider in the given range. The enable() method is used to enable the 1 min read jQuery Mobile Slider create EventjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Slider create event that is triggered when the slider is created. Callback Parameter: The callback function acce 2 min read jQuery Mobile Slider start EventjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Slider start event to trigger the initial interaction with the slider. Callback Parameter: The callback function 2 min read jQuery Mobile Slider Widget Complete ReferencejQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. The Slider Widget is used to add a slider to the page. Use type="range" attribute with standard input. jQuery Mobile Slider Widget Options jQuery Mobile Slider clas 1 min read jQuery Mobile SelectmenujQuery Mobile Selectmenu Widget classes OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Selectmenu Widget classes option to add some additional classes to the element. The additional classes can be us 1 min read jQuery Mobile Selectmenu Widget closeText OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile selectmenu Widget closeText Option to set the text of the close button that is helpful for translating this into 1 min read jQuery Mobile Selectmenu Widget corners OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile selectmenu Widget corners Option to set the border-radius of selectmenu options. It accepts boolean type value a 1 min read jQuery Mobile Selectmenu Widget defaults OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Selectmenu Widget defaults Option to set to true that indicates other widget options that have default values an 1 min read jQuery Mobile Selectmenu Widget disabled OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using jQuery Mobile Selectmenu Widget disabled option to disable the selectmenu, if the value is set to true. Syntax: $( ".selector" ).s 1 min read jQuery Mobile Selectmenu Widget dividerTheme OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using jQuery Mobile Selectmenu Widget dividerTheme Option to set the color scheme for the listview dividers that represent the optgroup 1 min read jQuery Mobile Selectmenu Widget hidePlaceholderMenuItems OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using jQuery Mobile Selectmenu Widget hidePlaceholderMenuItems option to check whether the placeholder menu items are hidden or not. It 1 min read jQuery Mobile Selectmenu Widget inline OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using jQuery Mobile Selectmenu Widget inline Option to make the select button act like an inline button so the width is determined by th 1 min read jQuery Mobile Selectmenu Widget mini OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using jQuery Mobile Selectmenu Widget mini Option to set the size of the element to a more compact, mini version. It accepts the boolean 1 min read jQuery Mobile Selectmenu Widget Complete ReferencejQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. The Selectmenu Widget is used to create a select menu in jQuery Mobile which is based on native select element. jQuery Mobile Selectmenu Widget Options jQuery Mobil 1 min read jQuery Mobile RangesliderjQuery Mobile Rangeslider Widget defaults OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Rangeslider Widget defaults option to true that indicates the other widgets options that have the default values 1 min read jQuery Mobile Rangeslider Widget disabled OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Rangeslider Widget disabled option to disable the rangeslider if its value is set to true. It accepts a boolean 1 min read jQuery Mobile Rangeslider Widget highlight OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Rangeslider Widget highlight option to set an active state fill on the track between the two rangeslider if its 1 min read jQuery Mobile Rangeslider Widget mini OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using jquery the Mobile Rangeslider Widget mini option to display a compact version of the rangeslider that uses less vertical height. I 1 min read jQuery Mobile Rangeslider Widget theme OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Rangeslider Widget theme option to set the color scheme (swatch) for the rangeslider widget. It accepts a single 1 min read jQuery Mobile Rangeslider Widget trackTheme OptionjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Rangeslider Widget trackTheme option to set the color scheme (swatch) for the slider's track, specifically. It a 1 min read jQuery Mobile Rangeslider option() MethodjQuery Mobile is a set of HTML5 based user interaction widget toolbox used for various purposes build on top of jQuery. It is designed to build fast and responsive websites accessible to mobile, tabs, and desktops. The rangeslider widget of jQuery Mobile is a double handle slider. The sliders have a 3 min read jQuery Mobile Rangeslider create EventjQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Rangeslider create event. This event is triggered when the rangeslider widget is created. Syntax: Initializing t 2 min read jQuery Mobile Rangeslider normalize EventjQuery Mobile is an HTML5 based user interface system designed to make responsive websites and apps that are accessible on all smartphone, tablet, and desktop devices. The rangeslider widget of jQuery Mobile is a double handle slider. The sliders have a min and a max value to be set and we can choos 2 min read jQuery Mobile Rangeslider Widget Complete ReferencejQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. The Rangeslider widget is used to create a double handle slider. Use type="range" attribute with two standard inputs. jQuery Mobile Rangeslider Widget Options jQuer 1 min read Like