从零开始学习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 相关文章推荐
javascript阻止浏览器后退事件防止误操作清空表单
Nov 22 Javascript
Jquery EasyUI中弹出确认对话框以及加载效果示例代码
Feb 13 Javascript
模拟用户点击弹出新页面不会被浏览器拦截
Apr 08 Javascript
让浏览器DOM元素最后加载的js方法
Jul 29 Javascript
js实现简单折叠、展开菜单的方法
Aug 28 Javascript
基于javascript实现浏览器滚动条快到底部时自动加载数据
Nov 30 Javascript
Bootstrap入门教程一Hello Bootstrap初识
Mar 02 Javascript
如何理解Vue的.sync修饰符的使用
Aug 17 Javascript
用vue写一个仿简书的轮播图的示例代码
Mar 13 Javascript
vue使用echarts图表的详细方法
Oct 22 Javascript
详解使用uni-app开发微信小程序之登录模块
May 09 Javascript
vuex实现购物车功能
Jun 28 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
phpMyAdmin链接MySql错误 个人解决方案
2009/12/28 PHP
PHP中开启gzip压缩的2种方法
2015/01/31 PHP
php强制用户转向www域名的方法
2015/06/19 PHP
PHP使用MPDF类生成PDF的方法
2015/12/08 PHP
Laravel timestamps 设置为unix时间戳的方法
2019/10/11 PHP
关于jquery.validate1.9.0前台验证的使用介绍
2013/04/26 Javascript
Javascript 颜色渐变效果的实现代码
2013/10/01 Javascript
javascript在子页面中函数无法调试问题解决方法
2014/01/17 Javascript
js函数参数设置默认值的一种变通实现方法
2014/05/26 Javascript
实现无刷新联动例子汇总
2015/05/20 Javascript
BootStrap实用代码片段之一
2016/03/22 Javascript
玩转JavaScript OOP - 类的实现详解
2016/06/08 Javascript
jquery实现页面加载效果
2017/02/21 Javascript
基于JavaScript实现瀑布流效果
2017/03/29 Javascript
详解如何构建Angular项目目录结构
2017/07/13 Javascript
bmob js-sdk 在vue中的使用教程
2018/01/21 Javascript
详解puppeteer使用代理
2018/12/27 Javascript
如何自定义微信小程序tabbar上边框的颜色
2019/07/09 Javascript
layui关闭弹窗后刷新主页面和当前更改项的例子
2019/09/06 Javascript
JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例
2019/11/19 Javascript
JavaScript中this的学习笔记及用法整理
2020/02/17 Javascript
Python实现的多线程端口扫描工具分享
2015/01/21 Python
Python使用cx_Oracle模块操作Oracle数据库详解
2018/05/07 Python
简单了解Pandas缺失值处理方法
2019/11/16 Python
python 实现生成均匀分布的点
2019/12/05 Python
Python爬虫实战案例之爬取喜马拉雅音频数据详解
2020/12/07 Python
python 递归相关知识总结
2021/03/03 Python
canvas实现有递增动画的环形进度条的实现方法
2019/07/10 HTML / CSS
智能家居、吸尘器、滑板车、电动自行车网上购物:Geekmaxi
2021/01/18 全球购物
美国最大的购物网站:Amazon.com(亚马逊美国)
2020/05/23 全球购物
安全承诺书范文
2014/03/26 职场文书
环卫工人先进事迹材料
2014/06/02 职场文书
2014年小学校长工作总结
2014/12/08 职场文书
三年级学生评语大全
2014/12/26 职场文书
工作态度检讨书范文
2015/05/06 职场文书
创业计划书之书店
2019/09/10 职场文书