How to make basic menu using jQuery UI ? Last Updated : 20 Jan, 2021 Comments Improve Suggest changes 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 make basic menu using jQuery UI ? taran910 Follow Improve Article Tags : Web Technologies HTML JQuery jQuery-UI Similar Reads How to make Basic Navbar 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 making Basic navbar using jQuery Mobile. Approach: First, add jQuery Mobile scripts needed for your project. <link rel="stylesheet" hr 1 min read 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 jQuery UI Menu icons Option 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 Menu icons option is used to add the icons for sub-menus. Syntax: $( ".selector" ).menu({ icons: { submenu: "ui-icon-ci 1 min read jQuery UI Menu classes Option 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 Menu classes option is used to add the additional classes to add widget elements. Syntax: $( ".selector" ).menu({ class 1 min read jQuery UI menu isLastItem() 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. jQuery UI menu is a Themeable menu that is used with mouse and keyboard interactions for navigating between pages. jQuery UI isLastIt 2 min read Like