jQuery UI 用户界面插件库

Posted 2021-04-08 前端开发学习和交流

对所有的开发人员来说，非常幸运，jQuery提供了一个官方的用户界面插件库jQuery UI，它为jQuery内核提供了3种主要插件：效果插件、交互插件和部件插件。

jQuery UI 下载页面：http://jqueryui.com/download

jQuery UI  中文网：http://www.jqueryui.org.cn/

jQuery UI 扩展了jQuery库，它增加了更多的效果。可以让你的元素弹跳、爆炸、有规律地跳动，还可以摇晃。 jQuery UI 还包括一些松弛函数和复杂的数学运算，使动画效果更真实。

例如：

Puff 插件：让一个元素看起来像烟雾一样扩散并消散至透明。

Blind插件：使元素看起来像窗户一样上滑下滑。   

Explode插件：使元素看起来像破碎成片，四处分散。

交互插件可以为Web应用增加更复杂的行为。通过实现可拖放或可排序，或者支持其他一些选项，允许用户与元素自然地交互。

例如：

Droppable插件：使一个DOM元素作为可拖放元素的目标。

Sortable插件：使元素可以通过拖动进行排序。

Resizable插件：为元素提供一个可拖动的手柄，从而允许用户扩展这个元素。

Web部件是一种自包含的组件，可以为Web应用增加功能。利用部件，可以大大节省你的编码时间，降低复杂性，创建可用的响应式用户界面元素。

 例如：

Progressbar插件：显示某个事件当前完成的百分比。

Autocomplete插件：用户在一个输入域中键入时，提供一组可取值的列表。

Accordion插件：创建折叠区来组织Web内容。