系统学习magento二次开发，推荐小册：《Magento中文全栈二次开发 》
本小册面向Magento2以上版本，书代码及示例兼容magento2.0-2.4版本。涵盖了magento前端开发，后端开发，magento2主题,magento2重写,magento2 layout,magento2控制器,magento2 block等相关内容,带领您成为magento开发技术专家。
Magento 2 使用 jQuery UI 提供了一些基础的 UI 样式，包括按钮、表单、对话框等。
下面是一个简单的 Magento 2 jQuery UI 代码示例，其中包含了一些常用的 UI 组件：
<div class="ui-widget"> <label for="datepicker">选择日期：</label> <input type="text" id="datepicker"> </div> <button id="btn-submit" class="ui-button ui-widget ui-corner-all">提交</button> <div id="dialog-confirm" title="确认删除？"> <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>确认删除此项？</p> </div>
上述代码使用了 jQuery UI 提供的日期选择器、按钮和对话框组件。需要注意的是，要正确引入 jQuery UI 样式，需要在 Magento 2 的布局文件中加入以下代码：
<head> <css src="Magento_Theme::jquery-ui.css"/> </head>
这样才能正确加载 jQuery UI 样式。
另外，如果需要对 jQuery UI 组件进行定制，可以参考 Magento 2 的源代码中 lib/web/jquery-ui.theme.css 和 lib/web/jquery-ui.structure.css 文件，这些文件包含了 jQuery UI 的基础样式和变量。