How to make basic menu using jQuery UI ? Last Updated : 20 Jan, 2021 Summarize Comments Improve Suggest changes Share Like Article Like Report 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 menu is a Themeable menu that is used with mouse and keyboard interactions for navigating between pages. In this article, we will show how to make a basic menu in jQuery UI. Syntax: $(".selector").menu( "enable" );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> <style> .ui-menu { width: 200px; } </style> <script> $(function() { $("#gfg").menu(); $("#gfg").menu("enable"); }); </script> </head> <body> <h1>jQuery UI | Basic menu </h1> <ul id="gfg"> <li><a href="https://www.geeksforgeeks.org/"> 1st</a> </li> <li><a href="https://www.geeksforgeeks.org/"> 2nd</a> </li> <li><a href="https://www.geeksforgeeks.org/"> 3rd</a> </li> <li><a href="https://www.geeksforgeeks.org/"> 4th</a> </li> <li><a href="https://www.geeksforgeeks.org/"> 5th</a> </li> </ul> </body> </html> Output: Comment More infoAdvertise with us Next Article How to design menu using jQuery EasyUI Mobile ? T taran910 Follow Improve Article Tags : JQuery jQuery-UI Similar Reads How to make a basic dialog using jQuery UI ? In this article, we will be creating a Basic dialog using jQuery UI. 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 1 min read How to design menu using jQuery EasyUI Mobile ? In this article, we will learn how to design menu list using jQuery EasyUI Mobile plugin. EasyUI is a HTML5 framework for using user interface components based on jQuery, React, Angular and Vue technologies. It helps in building features for interactive web and mobile applications saving a lot of ti 2 min read How to implement categories menu using jQuery UI ? In this article, we will learn about how to configure items in such a way that which elements are converted into selectable menu items. We can use this technique to create category headers. And rest of the items can be used as selectable. Syntax: $( "#selector" ).menu({ items: "> :not(.selector)" 2 min read How to disable a jQuery UI menu? In this article we will disable a jQuery UI menu Syntax: $(".selector").menu( "disable" );Learn more about selectors and menu options in jQuery. 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 How to create a Menu popup using jQuery Mobile ? 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 creating menu popup button using jQuery Mobile. Approach: Add jQuery Mobile scripts needed for your project. <link rel=â€stylesheet†hr 1 min read How to enable a jQuery UI menu ? 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 menu is a Themeable menu that is used with mouse and keyboard interactions for navigating between pages. In this article, w 1 min read Like