jQuery UI

jQuery UI是ぜ一いち套JavaScript 函はこ式しき庫こ，提供ていきょう抽象ちゅうしょう化か、可か自じ訂てい主題しゅだい的てきGUI控ひかえ制せい項こう與あずか動畫どうが效果こうか。基もと於jQuery JavaScript函はこ式しき庫こ，可用かよう來らい建けん構互動どう式しき的てき網もう際ぎわ網もう路ろ應用おうよう程ほど式しき。在ざい2007年ねん9月がつ約やく翰·雷かみなり西にし格かく於jquery.com部落ぶらく格かく裡うら的てき一篇文章裡正式公諸於世。最新さいしん的てき版本はんぽん需要じゅようjQuery 2.1.1或ある更新こうしん的てき版本はんぽん。

jQuery UI

開發かいはつ者しゃ	Paul Bakaus Scott González Jörn Zaefferer Felix Nagel Mike Sherov Rafael Xavier de Souza
当とう前ぜん版本はんぽん	1.13.3 (2024年ねん4月がつ26日にち；穩定版本はんぽん) 1.14.0-beta.2 (2024年ねん6月がつ14日にち；测试版本はんぽん)
源みなもと代だい码库	github.com/jquery/jquery-ui
编程语言	JavaScript
类型	插件
许可协议	MIT許可きょか證しょう
网站	https://jqueryui.com/

功こう能のう

以1.9.0版本はんぽん為ため例れい。

互動

• 拖曳（Draggable）–讓ゆずる元素げんそ可か以用滑すべり鼠ねずみ拖曳。
• 拖放（Droppable）–讓ゆずる控ひかえ制せい項こう可か以接受其他た拖曳進しん來らい的てき元素げんそ。
• 調整ちょうせい大小だいしょう（Resizable）–讓ゆずる元素げんそ可か以調整ちょうせい大小だいしょう。
• 選えらべ取ど（Selectable）–提供ていきょう進しん階かい的てき大量たいりょう元素げんそ選擇せんたく功こう能のう。
• 排はい序じょ（Sortable）–讓ゆずる列れつ表ひょう可か以更容易ようい排はい序じょ。

控ひかえ制せい項こう

jQuery UI的てき所有しょゆう控ひかえ制せい項こう都と能のう自じ訂てい主題しゅだい樣式ようしき。

• 手風琴てふうきん式しき選せん單たん（Accordion）–如手風琴ふうきん般可伸縮しんしゅく的てき控ひかえ制せい項こう。
• 自動じどう完成かんせい（Autocomplete）–根據こんきょ使用しよう者しゃ的てき輸入ゆにゅう來らい自動じどう完成かんせい文字もじ欄らん。
• 按鈕（Button）–增強ぞうきょう按鈕外觀がいかん，將はた單たん選せん與あずか複ふく選せん控ひかえ制せい項こう轉てん變成へんせい按鈕型式けいしき。
• 日にち期き選擇せんたく器き（Datepicker）–進しん階かい的てき日び期き選擇せんたく工具こうぐ。
• 對話たいわ框かまち（Dialog） –在ざい頁ぺーじ面めん最さい上層じょうそう顯示けんじ對話たいわ框かまち。
• 選せん單たん（Menu） - 顯示けんじ多た階層かいそう式しき的てき選せん單たん。
• 進度しんど條じょう（Progressbar） –動態どうたい與あずか靜態せいたい的てき進度しんど指示しじ條じょう。
• 滑すべり動どう條じょう（Slider）–完全かんぜん可か以自訂てい的てき滑すべり動どう條じょう與あずか各種かくしゅ功こう能のう。
• 微ほろ調しらべ選擇せんたく器き（Spinner） - 上下じょうげ控ひかえ制せい的てき數字すうじ微ほろ調しらべ輸入ゆにゅう欄らん。
• 頁ぺーじ籤くじ（Tabs）–頁ぺーじ籤くじ切せつ換かわ控ひかえ制せい項こう，可か以內嵌はま或ある動態どうたい載の入にゅう內容。
• 工具こうぐ提示ていじ（Tooltip） - 彈たま出で式しき提示ていじ框かまち。

效果こうか

• 顏色かおいろ動畫どうが（Color Animation）–產さん生せい顏色かおいろ轉變てんぺん的てき動畫どうが效果こうか。
• 切せつ換かわClass、新しん增ぞうClass、移うつり除じょClass、開ひらき關せきClass –讓ゆずる頁ぺーじ面めん上じょう元素げんそ樣式ようしき轉變てんぺん時じ有ゆう動畫どうが效果こうか。
• 效果こうか（Effects）–各種かくしゅ效果こうか（顯示けんじ、下した拉ひしげ、爆ばく炸、淡あわ入いれ等とう等とう）。
• 切せつ換かわ（Toggle）–切せつ換かわ效果こうか開ひらき關せき。
• 隱かくれ藏ぞう、顯示けんじ - 使用しよう上述じょうじゅつ的てき效果こうか。

工具こうぐ

• 位置いち（Position） –根據こんきょ另一個元素來設定目標元素的位置（對たい齊ひとし）。

範はん例れい

// 讓ゆずる#draggable可か以拖曳
$(function() {
    $("#draggable").draggable();
});

<div id="draggable" style="width:150px;height:150px;padding:0.5em" class="ui-widget-content">
  <p>Drag me around</p>
</div>

這段程ほど式しき碼會讓ゆずる使用しよう者しゃ的てき滑すべり鼠ねずみ游ゆう標しめぎ可か以拖曳ID為ため「draggable」的てきDIV元素げんそ。

外部がいぶ連結れんけつ

• 官かん方かた網もう站（页面存そん档备份，存そん于互联网档案あん馆）（英文えいぶん）