从零开始学习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 的在线网站十分强大. 首先就是在下载时可以组装自己想要的功能定制下载:

Javascript 相关文章推荐
利用Jquery实现可多选的下拉框
Feb 21 Javascript
jquery中子元素和后代元素的区别示例介绍
Apr 02 Javascript
js实现完全自定义可带多级目录的网页鼠标右键菜单方法
Feb 28 Javascript
浅谈JSON.parse()和JSON.stringify()
Jul 14 Javascript
bootstrap+jQuery实现的动态进度条功能示例
May 25 jQuery
浅谈React 服务器端渲染的使用
May 08 Javascript
解决vue中监听input只能输入数字及英文或者其他情况的问题
Aug 30 Javascript
vue的全局变量和全局拦截请求器的示例代码
Sep 13 Javascript
vue动态设置页面title的方法实例
Aug 23 Javascript
使用vue构建多页面应用的示例
Oct 22 Javascript
8个非常实用的Vue自定义指令
Dec 15 Vue.js
小程序实现文字循环滚动动画
Jun 14 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
哪吒敖丙传:新人物二哥敖乙出场 小敖丙奶气十足
2020/03/08 国漫
Protoss热键控制
2020/03/14 星际争霸
php下连接ftp实现文件的上传、下载、删除文件实例代码
2010/06/03 PHP
浅析php中抽象类和接口的概念以及区别
2013/06/27 PHP
CodeIgniter配置之autoload.php自动加载用法分析
2016/01/20 PHP
PHP检测一个数组有没有定义的方法步骤
2019/07/20 PHP
表格单元格交错着色实现思路及代码
2013/04/01 Javascript
js中生成map对象的方法
2014/01/09 Javascript
jQuery标签编辑插件Tagit使用指南
2015/04/21 Javascript
Bootstrap 组件之按钮(二)
2016/05/11 Javascript
JS简单获取客户端IP地址的方法【调用搜狐接口】
2016/09/05 Javascript
jQuery使用DataTable实现删除数据后重新加载功能
2017/02/27 Javascript
Async Validator 异步验证使用说明
2017/07/03 Javascript
jQuery实现广告条滚动效果
2017/08/22 jQuery
详解jQuery中的isPlainObject()使用方法
2018/02/27 jQuery
node全局变量__dirname与__filename的区别
2019/01/14 Javascript
vue 使用高德地图vue-amap组件过程解析
2019/09/07 Javascript
使用layer弹窗提交表单时判断表单是否输入为空的例子
2019/09/26 Javascript
[53:29]完美世界DOTA2联赛循环赛 DM vs Matador BO2第二场 11.04
2020/11/05 DOTA
centos系统升级python 2.7.3
2014/07/03 Python
Python中的模块和包概念介绍
2015/04/13 Python
使用python生成目录树
2018/03/29 Python
python3中获取文件当前绝对路径的两种方法
2018/04/26 Python
python实现自主查询实时天气
2018/06/22 Python
Python字典深浅拷贝与循环方式方法详解
2020/02/09 Python
python datetime处理时间小结
2020/04/16 Python
python实现xlwt xlrd 指定条件给excel行添加颜色
2020/07/14 Python
Python如何读写二进制数组数据
2020/08/01 Python
Python3.8.2安装包及安装教程图文详解(附安装包)
2020/11/28 Python
CSS3实现大小不一的粒子旋转加载动画
2016/04/21 HTML / CSS
社会学专业求职信
2014/02/24 职场文书
新任教师自我鉴定
2014/02/24 职场文书
合伙经营协议书范本
2014/09/13 职场文书
幼儿园2015年度工作总结
2015/04/01 职场文书
一年级语文教学随笔
2015/08/14 职场文书
使用vue-element-admin框架从后端动态获取菜单功能的实现
2021/04/29 Vue.js