39、jQuery UI 效果与 Ajax 技术全解析

jQuery UI 效果与 Ajax 技术全解析

1. jQuery UI 交互与效果

在网页设计中，jQuery UI 提供了强大的交互与效果功能，能为网页增添生动性和吸引力。

1.1 Sortable 与 Selectable 小部件

Sortable 小部件的 toArray 方法可用于获取列表中项目 ID 的数组，顺序与它们在列表中当前的显示顺序一致。这一功能可用于比较当前顺序与预定义结果，例如在一个游戏中，每次移动方块时，都会将方块的当前顺序与正确答案进行比较，若顺序匹配，玩家获胜。

Selectable 小部件允许访客通过点击来选择元素（将其高亮显示），可用于照片下载页面，让用户选择想要下载的照片。更多信息可访问：http://api.jqueryui.com/selectable/ 。

1.2 jQuery UI 效果

jQuery UI 包含一系列视觉动画效果，可用于活跃网页应用。这些效果旨在使元素显示、消失或突出显示，可使用 jQuery 函数或 jQuery UI 独有的 effect() 函数来应用效果。

jQuery UI 提供了四种不同的函数来为元素添加效果：
- show() ：扩展了 jQuery 的 show() 函数，可使用 15 种不同的效果来显示已隐藏的元素。使用前需确保元素已隐藏，否则元素会先快速消失再重新出现。
- hide() ：在隐藏元素时应用 jQuery UI