jQuery Mobile Toolbar defaults Option Last Updated : 14 Jan, 2022 Summarize Comments Improve Suggest changes Share 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 use the jQuery Mobile Toolbar defaults option. When the value of this option is set to true that means other widgets options have default values and causes jQuery Mobile's widget auto enhancement code to remove the step where it retrieves option values from the data attributes. This option helps in improving startup time. It is of the boolean type & its default value is false. Syntax: Initializing the toolbar with the specified defaults option: $( "Selector" ).toolbar({ defaults: true }); Setting the defaults option: $( "Selector" ).toolbar( "option", "defaults", true ); Getting the defaults option: var disabled = $( "Selector" ).toolbar( "option", "defaults" ); CDN Links: First, add jQuery Mobile scripts needed for your project. <link rel=”stylesheet” href=”https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css” /><script src=”https://code.jquery.com/jquery-2.1.3.js”></script><script src=”https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.js”></script> Example: This example describes the jQuery Mobile Toolbar defaults option. HTML <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href= "https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> <script src= "https://code.jquery.com/jquery-2.1.3.js"> </script> <script src= "https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.js"> </script> </head> <body> <div data-role="page"> <center> <h1 style="color:green;"> GeeksforGeeks </h1> <h3>jQuery Mobile Toolbar defaults Option</h3> <div id="headerID" data-role="header"> <h1>This is a header toolbar</h1> </div> <input type="button" id="Button" value="Value of the defaults option"> <div id="log"></div> </center> </div> <script> $(document).ready(function () { $("#headerID").toolbar({ defaults: true }); $("#headerID").toolbar("option", "defaults", true); $("#Button").on('click', function () { var a = $("#headerID").toolbar("option", "defaults"); $("#log").html(a); }); }); </script> </body> </html> Output: Reference: https://api.jquerymobile.com/toolbar/#option-defaults Comment More infoAdvertise with us Next Article jQuery Mobile Toolbar defaults Option K Kanchan_Ray Follow Improve Article Tags : Web Technologies JQuery jQuery-Mobile jQuery-Mobile-Toolbar Similar Reads jQuery Mobile Table defaults Option 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 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 Page defaults Option 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 Page defaults option. When the value of this option is set to true that means other widgets options have default 2 min read jQuery Mobile Toolbar fullscreen Option jQuery 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 fullscreen option. When th 2 min read jQuery Mobile panel defaults Option 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 panel defaults option. When the value of this option is set to true that means other widgets options have defaul 2 min read jQuery Mobile Toolbar disabled Option 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 use the jQuery Mobile Toolbar disabled option to disable the toolbar. Syntax: Initializing the toolbar with the specified disabled option: 1 min read Like