JQuery-UI.js是jQuery的一個(gè)用戶界面組件和交互插件的集合。它提供了一些用于創(chuàng)建響應(yīng)式UI的簡(jiǎn)單、可重用的組件,比如對(duì)話框、按鈕、進(jìn)度條等。
以下是JQuery-UI.js的在線地址:
https://code.jquery.com/ui/1.12.1/jquery-ui.js
只需在HTML文檔中引用此JavaScript文件,即可開(kāi)始使用JQuery-UI的組件和插件。<html>
<head>
<title>JQuery-UI.js Online Address</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<div id="dialog" title="My Dialog">
<p>This is my dialog content.</p>
</div>
<button id="btn-show-dialog">Show Dialog</button>
<script>
$( "#dialog" ).dialog({
autoOpen: false,
width: 400,
height: 300
});
$( "#btn-show-dialog" ).click(function() {
$( "#dialog" ).dialog( "open" );
});
</script>
</body>
</html>
在上面的示例中,我們首先加載了jQuery和JQuery-UI.js文件,然后在HTML文檔中添加了一個(gè)對(duì)話框和一個(gè)按鈕。最后,在JavaScript代碼中,我們使用$(...).dialog()函數(shù)調(diào)用來(lái)創(chuàng)建對(duì)話框,并使用$(...).click()函數(shù)調(diào)用來(lái)顯示對(duì)話框。
總之,JQuery-UI.js是一種非常有用的工具,可以幫助我們快速創(chuàng)建響應(yīng)式、互動(dòng)式、可重用的UI組件。通過(guò)使用在線地址,我們可以方便地在我們的HTML文檔中使用這些組件和工具。