網頁語言教學-jQuery UI

Loading...

網頁語言教學

程式語言教學

正則表達式

移動端教學

資料庫

法拍資訊

生活資訊

jQuery UI 教程

jQueryUI教程jQueryUI是建立在jQueryJavaScript庫上的一組用戶界面交互、特傚、小部件及主題。無論您是創建高度交互的Web應用程序還是僅僅向窗體控件添加一個日期選擇器，jQu

jQuery UI 簡介

jQueryUI簡介jQueryUI是一個建立在jQueryJavaScript庫上的小部件和交互庫，您可以使用它創建高度交互的Web應用程序。本教程將向您講解jQueryUI是如何工作的。jQuer

jQuery UI 下載

jQueryUI下載一旦您對jQueryUI有了基本了解，您就可以親自嘗試一下。請從jQueryUI網站上的DownloadBuilder（下載生成器）頁面下載jQueryUI的副本。創建自定義jQu

jQuery UI 使用

jQueryUI使用一旦您下載了jQueryUI，您將得到一個zip壓縮包，包含下列文件：/css//development-bundle//js/index.html在網頁上使用jQueryUI在文

jQuery UI 定製

jQueryUI定製jQueryUI提供了多種定製方式。您已經看到下載生成器（DownloadBuilder）如何定製一個值包含您所需選項的自定義版本，這里還提供了其他定製方式。jQueryUI基礎：

jQuery UI 工作原理

jQueryUI工作原理jQueryUI包含了許多維持狀態的小部件（Widget），因此，它與典型的jQuery插件使用模式略有不同。其安裝方式與大部分jQuery插件的安裝方式類似，jQueryUI

jQuery UI 主題

jQueryUI主題所有的jQueryUI插件都允許開發人員無縫集成UI小部件到他們網站或應用程序的外觀和感觀。每個插件通過CSS定義樣式，且包含了兩層樣式信息：標准的jQueryUICSS框架樣式和

jQuery UI ThemeRoller

jQueryUIThemeRollerThemeRoller簡介ThemeRoller是一個Web應用程序，為jQueryUI設計和下載自定義主題提供了直觀的界面。您可以訪問jQueryUITheme

jQuery UI CSS 框架 API

jQueryUICSS框架APIjQueryUICSS框架jQueryUI包含了一個強大的CSS框架，為了創建自定義jQuery小部件而設計的。框架包含了通用的用戶界面所需的類，且可使用jQueryU

jQuery UI 設計主題

jQueryUI設計主題文件結構主題是以特定的方式來增加他們的易用性。通常，文件目錄結構如下所示：themename/–您的主題必須完全包含在一個單獨的以主題名稱命名的文件夾內。themename/t

jQuery UI 部件庫

jQueryUI部件庫（WidgetFactory）jQueryUI部件庫（WidgetFactory）是一個可擴展的基礎，所有的jQueryUI小部件都是在上面進行創建的。使用部件庫（WidgetF

jQuery UI 通過部件庫擴展小部件

jQueryUI通過部件庫（WidgetFactory）擴展小部件jQueryUI的部件庫（WidgetFactory）使得創建小部件變得更加容易，這些小部件擴展了已有小部件的功能。這樣子您就能在已有

jQuery UI 小部件方法調用

jQueryUI小部件（Widget）方法調用小部件（Widget）是通過部件庫（WidgetFactory）使用方法來改變他們初始化後的狀態和執行動作而被創建的。有兩種調用小部件方法的方式-通過部件

jQuery UI 如何使用部件庫

jQueryUI如何使用部件庫（WidgetFactory）我們將創建一個進度條。正如下面實例所示，這可以通過調用jQuery.widget()來完成，它帶有兩個參數：一個是要創建的插件名稱，一個是包

jQuery UI API 文檔

jQueryUI1.10API文檔jQueryUI是建立在jQueryJavaScript庫上的一組用戶界面交互、特傚、小部件及主題。如果您是jQuery新手，您可以先查看jQuery教程。本教程提供

jQuery UI API 類別 – 特傚

jQueryUIAPI類別-特傚（Effects）jQueryUI在jQuery內置的特傚上添加了一些功能。jQueryUI支持顏色動畫和Class轉換，同時也提供了一些額外的Easings。另外，提

jQuery UI API 類別 – 特傚核心

jQueryUIAPI類別-特傚核心（EffectsCore）由jquery.ui.effect.js提供的功能。除了下面列出的方法，jquery.ui.effect.js還包括一些Easings。A

jQuery UI API 類別 – 交互

jQueryUIAPI類別-交互（Interactions）jQueryUI提供了一套基於鼠標的交互。API描述也屬於類別可拖拽小部件（DraggableWidget）允許使用鼠標移動元素。可放置小部

jQuery UI API 類別 – 方法重載

jQueryUIAPI類別-方法重載（MethodOverrides）jQueryUI重載了幾個內置的jQuery方法，以提供額外的功能。當使用這些重載時，確保加載jQueryUI是很重要的。如果jQ

jQuery UI API 類別 – 方法

jQueryUIAPI類別-方法（Methods）儘管jQueryUI主要由小部件（Widgets）、交互（Interactions）和特傚（Effects）組成，但是還有一些簡單的方法，增加了便利性

jQuery UI API 類別 – 選擇器

jQueryUIAPI類別-選擇器（Selectors）API描述也屬於類別:data()Selector選擇數據已存儲在指定的鍵下的元素。UI核心（UICore）:focusableSelector

jQuery UI API 類別 – 主題

jQueryUIAPI類別-主題（Theming）jQueryUI包括一個強大的CSS框架，用於創建自定義的jQuery小部件。該框架包括涵蓋廣泛的公共用戶界面需求的Class，併且可以使用jQuer

jQuery UI API 類別 – UI 核心

jQueryUIAPI類別-UI核心（UICore）由jquery.ui.core.js提供的功能。API描述也屬於類別:data()Selector選擇數據已存儲在指定的鍵下的元素。選擇器（Sele

jQuery UI API 類別 – 實用工具

jQueryUIAPI類別-實用工具（Utilities）API描述也屬於類別EasingsEasing函數指定動畫在不同點上的行進速度。部件庫（WidgetFactory）使用與所有jQueryUI

jQuery UI API 類別 – 小部件

jQueryUIAPI類別-小部件（Widgets）小部件（Widgets）是功能丰富、有狀態的插件，它有一個完整的生命周期，帶有方法和事件。您可以查看部件庫（WidgetFactory）文檔了解更多

jQuery UI 實例

jQueryUI實例jQueryUI提供了一組用戶界面交互、特傚、小部件、實用工具及主題。通過實例演示、查看源代碼、創建主題、閱讀API文檔，開始學習使用jQueryUI。交互（Interaction

jQuery UI 實例 – 拖動（Draggable）

jQueryUI實例-拖動（Draggable）允許使用鼠標移動元素。如需了解更多有關draggable交互的細節，請查看API文檔可拖拽小部件（DraggableWidget）。默認功能在任意的DO

jQuery UI 實例 – 放置（Droppable）

jQueryUI實例-放置（Droppable）為可拖拽小部件創建目標。如需了解更多有關droppable交互的細節，請查看API文檔可放置小部件（DroppableWidget）。默認功能在任意的D

jQuery UI 實例 – 縮放（Resizable）

jQueryUI實例-縮放（Resizable）使用鼠標改變元素的尺寸。如需了解更多有關resizable交互的細節，請查看API文檔可調整尺寸小部件（ResizableWidget）。默認功能在任意

jQuery UI 實例 – 選擇（Selectable）

jQueryUI實例-選擇（Selectable）使用鼠標選擇單個元素或一組元素。如需了解更多有關selectable交互的細節，請查看API文檔可選擇小部件（SelectableWidget）。默認

jQuery UI 實例 – 排序（Sortable）

jQueryUI實例-排序（Sortable）使用鼠標調整列表中或者網格中元素的排序。如需了解更多有關sortable交互的細節，請查看API文檔可排序小部件（SortableWidget）。默認功能

jQuery UI 實例 – 折叠面板（Accordion）

jQueryUI實例-折叠面板（Accordion）在一個有限的空間內顯示用於呈現信息的可折叠的內容面板。如需了解更多有關accordion部件的細節，請查看API文檔折叠面板部件（Accordion

jQuery UI 實例 – 自動完成（Autocomplete）

jQueryUI實例-自動完成（Autocomplete）根據用戶輸入值進行搜索和過濾，讓用戶快速找到併從預設值列表中選擇。如需了解更多有關autocomplete部件的細節，請查看API文檔自動完成

jQuery UI 實例 – 按鈕（Button）

jQueryUI實例-按鈕（Button）用帶有適當的懸停（hover）和激活（active）的樣式的可主題化按鈕來加強標准表單元素（比如按鈕、輸入框、錨）的功能。如需了解更多有關button部件的細

jQuery UI 實例 – 日期選擇器（Datepicker）

jQueryUI實例-日期選擇器（Datepicker）從彈出框或內聯日歷選擇一個日期。如需了解更多有關datepicker部件的細節，請查看API文檔日期選擇器部件（DatepickerWidget

jQuery UI 實例 – 對話框（Dialog）

jQueryUI實例-對話框（Dialog）在一個交互覆蓋層中打開內容。如需了解更多有關dialog部件的細節，請查看API文檔對話框部件（DialogWidget）。默認功能基本的對話框窗口是一個定

jQuery UI 實例 – 菜單（Menu）

jQueryUI實例-菜單（Menu）帶有鼠標和鍵盤交互的用於導航的可主題化菜單。如需了解更多有關menu部件的細節，請查看API文檔菜單部件（MenuWidget）。默認功能一個帶有默認配置、禁用條

jQuery UI 實例 – 進度條（Progressbar）

jQueryUI實例-進度條（Progressbar）顯示一個確定的或不確定的進程狀態。如需了解更多有關progressbar部件的細節，請查看API文檔進度條部件（ProgressbarWidget

jQuery UI 實例 – 滑塊（Slider）

jQueryUI實例-滑塊（Slider）拖動手柄來選擇一個數值。如需了解更多有關slider部件的細節，請查看API文檔滑塊部件（SliderWidget）。默認功能基本的滑塊是水平的，有一個單一的

jQuery UI 實例 – 旋轉器（Spinner）

jQueryUI實例-旋轉器（Spinner）通過向上/向下按鈕和箭頭鍵處理，為輸入數值增強文本輸入功能。如需了解更多有關spinner部件的細節，請查看API文檔旋轉器部件（SpinnerWidge

jQuery UI 實例 – 標籤頁（Tabs）

jQueryUI實例-標籤頁（Tabs）一種多面板的單內容區，每個面板與列表中的標題相關。如需了解更多有關tabs部件的細節，請查看API文檔標籤頁部件（TabsWidget）。默認功能點擊標籤頁，切

jQuery UI 實例 – 工具提示框（Tooltip）

jQueryUI實例-工具提示框（Tooltip）可自定義的、可主題化的工具提示框，替代原生的工具提示框。如需了解更多有關tooltip部件的細節，請查看API文檔工具提示框部件（TooltipWid

jQuery UI 實例 – 特傚（Effect）

jQueryUI實例-特傚（Effect）對一個元素應用動畫特傚。如需了解更多有關.effect()方法的細節，請查看API文檔.effect()。.effect()演示點擊按鈕預覽特傚。jQuery

jQuery UI 實例 – 顯示（Show）

jQueryUI實例-顯示（Show）使用自定義傚果來顯示匹配的元素。如需了解更多有關.show()方法的細節，請查看API文檔.show()。.show()演示點擊按鈕預覽特傚。jQueryUI特傚

jQuery UI 實例 – 隱藏（Hide）

jQueryUI實例-隱藏（Hide）使用自定義傚果來隱藏匹配的元素。如需了解更多有關.hide()方法的細節，請查看API文檔.hide()。.hide()演示點擊按鈕預覽特傚。jQueryUI特傚

jQuery UI 實例 – 切換（Toggle）

jQueryUI實例-切換（Toggle）使用自定義傚果來顯示或隱藏匹配的元素。如需了解更多有關.toggle()方法的細節，請查看API文檔.toggle()。.toggle()演示點擊按鈕預覽特傚

jQuery UI 實例 – 添加 Class（Add Class）

jQueryUI實例-添加Class（AddClass）當動畫樣式改變時，為匹配的元素集合內的每個元素添加指定的Class。如需了解更多有關.addClass()方法的細節，請查看API文檔.addC

jQuery UI 實例 – 移除 Class（Remove Class）

jQueryUI實例-移除Class（RemoveClass）當動畫樣式改變時，為匹配的元素集合內的每個元素移除指定的Class。如需了解更多有關.removeClass()方法的細節，請查看API文

Loading...