编程 Javascript

从零开始学习jQuery (十) jQueryUI常用功能实战

Posted in Javascript onFebruary 23, 2011

一.摘要

本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍.

本文是实战篇. 使用jQueryUI完成制作网站的大部分常用功能.

二.前言

经过公司内部收集, 整理了一些经常使用javascript实现的功能. 实现这些功能的主角不是让人眼花缭乱的jQuery插件, 而是jQuery UI.

如果你还在为了一个小小的特效而去下载并安装插件, 发现Bug还没有人替你解决. 记住插件是我们没有办法的最后选择.

使用插件有太多的坏处:

1.不利于维护

2.增加页面大小

3.不利于成员间交流共享,具有学习成本.

4.不够健壮, 不能保证插件版本一直更新并修复所有问题.

下面就引入今天的主角:jQuery UI

三.jQuery UI

jQuery UI 是 jQuery 的一部分, 是在jQuery之上的一套专门用于UI交互的类库. 使用jQuery UI可以实现底层交互, 各种高级特效, 动画, 并且可定制主题.

我们可以用它轻松的构建高度交互的Web应用程序.

官方首页:
http://jqueryui.org/

下载:
http://jqueryui.com/download

示例和文档:
http://jqueryui.com/demos/

皮肤:
http://jqueryui.com/themeroller/

jQuery UI 的在线网站十分强大. 首先就是在下载时可以组装自己想要的功能定制下载:

从零开始学习jQuery (十) jQueryUI常用功能实战

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JS动画效果代码3

Apr 03 Javascript

jquery动画4.升级版遮罩效果的图片走廊--带自动运行效果

Aug 24 Javascript

一个简单的jQuery计算器实现了连续计算功能

Jul 21 Javascript

Javascript基础教程之数据类型（布尔型 Boolean）

Jan 18 Javascript

javascript实现复选框选中属性

Mar 25 Javascript

jquery 重写 ajax提交并判断权限后使用load方法报错解决方法

Jan 19 Javascript

利用angularjs1.4制作的简易滑动门效果

Feb 28 Javascript

mui上拉加载更多下拉刷新数据的封装过程

Nov 03 Javascript

Vue之mixin全局的用法详解

Aug 22 Javascript

Vue中使用方法、计算属性或观察者的方法实例详解

Oct 31 Javascript

js中null与空字符串""的区别讲解

Jan 17 Javascript

Vue循环遍历选项赋值到对应控件的实现方法

Jun 22 Javascript

从零开始学习jQuery (八) 插播:jQuery实施方案

Feb 23 #Javascript

从零开始学习jQuery (六) jquery中的AJAX使用

Feb 23 #Javascript

从零开始学习jQuery (四) jQuery中操作元素的属性与样式

Feb 23 #Javascript

从零开始学习jQuery (三) 管理jQuery包装集

Feb 23 #Javascript

jQuery的学习步骤

Feb 23 #Javascript

ASP.NET中基于JQUERY的高性能的TreeView补充

Feb 23 #Javascript

打造基于jQuery的高性能TreeView(asp.net)

Feb 23 #Javascript

You might like

PHP自动重命名文件实现方法

2014/11/04 PHP

php获取英文姓名首字母的方法

2015/07/13 PHP

微信支付开发发货通知实例

2016/07/12 PHP

PHP实现单文件、多个单文件、多文件上传函数的封装示例

2019/09/02 PHP

javascript cookies 设置、读取、删除实例代码

2010/04/12 Javascript

jQuery Selector选择器小结

2010/05/06 Javascript

Js点击弹出下拉菜单效果实例

2013/08/12 Javascript

图片翻转效果具体实现代码

2014/01/09 Javascript

Eclipse编辑jsp、js文件时卡死现象的解决办法汇总

2016/02/02 Javascript

AngularJS实现的回到顶部指令功能实例

2017/05/17 Javascript

JS使用Prim算法和Kruskal算法实现最小生成树

2019/01/17 Javascript

记一次vue-webpack项目优化实践详解

2019/02/17 Javascript

vue的keep-alive中使用EventBus的方法

2019/04/23 Javascript

Vue中jsx不完全应用指南小结

2019/11/01 Javascript

js实现上传按钮并显示缩略图小轮子

2020/05/04 Javascript

vue调用微信JSDK 扫一扫，相册等需要注意的事项

2021/01/03 Vue.js

[40:03]Liquid vs Optic 2018国际邀请赛淘汰赛BO3 第一场 8.21

2018/08/22 DOTA

分享一个简单的python读写文件脚本

2017/11/25 Python

简单实现python进度条脚本

2017/12/18 Python

解决pyinstaller打包exe文件出现命令窗口一闪而过的问题

2018/10/31 Python

Python实现制度转换（货币，温度，长度）

2019/07/14 Python

Python 类的私有属性和私有方法实例分析

2019/09/29 Python

浅谈keras中的Merge层(实现层的相加、相减、相乘实例)

2020/05/23 Python

Pytorch框架实现mnist手写库识别（与tensorflow对比）

2020/07/20 Python

CSS3 旋转立方体问题详解

2020/01/09 HTML / CSS

Giglio俄罗斯奢侈品购物网：男士、女士、儿童高级时装

2018/07/27 全球购物

美国折扣香水网站：The Perfume Spot

2020/12/12 全球购物

WebSphere面试题：在WebSphere里面如何部署一个应用

2015/08/02 面试题

药学专业个人自我评价

2013/11/11 职场文书

远程研修随笔感言

2014/02/10 职场文书

高级销售求职信

2014/02/21 职场文书

读群众路线的心得体会

2014/09/03 职场文书

高中生学习计划书

2014/09/15 职场文书

公司停电通知

2015/04/15 职场文书

vue3使用vuedraggable实现拖拽功能

2022/04/06 Vue.js

Python字符串的转义字符

2022/04/07 Python