jQuery Core UI是一個jQuery插件集合,它包含了許多UI組件和效果,可以讓開發(fā)者更快速和方便地創(chuàng)建出漂亮的UI界面。
// 代碼示例一: // 引入jquery和jquery-ui核心 <script src="jquery.js"></script> <script src="jquery-ui.min.js"></script> // 初始化對話框組件 $(function(){ $( "#dialog" ).dialog(); }); <div id="dialog" title="Basic dialog"> <p>This is an example dialog. This dialog can be opened by clicking the button below.</p> <button id="opener">Open Dialog</button> </div> // 代碼示例二: // 初始化日歷組件 $(function() { $( "#datepicker" ).datepicker(); }); <div id="datepicker"></div>
上述代碼示例中,第一個示例初始化了一個基本對話框組件,第二個示例則初始化了一個日期選擇器組件。通過一個簡單的初始化代碼和一些HTML內(nèi)容,我們可以輕松地創(chuàng)建出具有交互性和美觀性的UI效果。
除了對話框和日期選擇器外,jQuery Core UI還包含了許多其他UI組件,如滑塊、進度條、菜單、選項卡等等。借助這些組件,我們可以更加高效地搭建出各種需要的界面交互效果。