从零开始学习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入门教程(2) JS基础知识
Jan 31 Javascript
javaScript call 函数的用法说明
Apr 09 Javascript
JS 各种网页尺寸判断实例方法
Apr 18 Javascript
jsonp原理及使用
Oct 28 Javascript
jQuery实现动态添加和删除一个div
Aug 12 Javascript
js实现随屏幕滚动的带缓冲效果的右下角广告代码
Sep 04 Javascript
Jquery插件easyUi实现表单验证示例
Dec 15 Javascript
详解jquery事件delegate()的使用方法
Jan 25 Javascript
解决React Native端口号修改的方法
Jul 28 Javascript
你可能不知道的前端算法之文字避让(inMap)
Jan 12 Javascript
Vue实现左右菜单联动实现代码
Aug 12 Javascript
vue页面切换项目实现转场动画的方法
Nov 12 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
重量级动漫纷纷停播!唯独OVERLORD第四季正在英魂之刃继续更新
2020/05/06 日漫
php中Y2K38的漏洞解决方法实例分析
2014/09/22 PHP
PHP实现货币换算的方法
2014/11/29 PHP
一段实用的php验证码函数
2016/05/19 PHP
最新最全PHP生成制作验证码代码详解(推荐)
2016/06/12 PHP
Laravel 手动开关 Eloquent 修改器的操作方法
2019/12/30 PHP
PHP的imageTtfText()函数深入详解
2021/03/03 PHP
JQuery实现当鼠标停留在某区域3秒后自动执行
2014/09/09 Javascript
原生javascript实现Tab选项卡切换功能
2015/01/12 Javascript
js实现网页右上角滑出会自动消失大幅广告的方法
2015/02/27 Javascript
使用jquery实现鼠标滑过弹出更多相关信息层附源码下载
2015/11/23 Javascript
解决angular的$http.post()提交数据时后台接收不到参数值问题的方法
2015/12/10 Javascript
JavaScript tab选项卡插件实例代码
2016/02/23 Javascript
Bootstrap 组件之按钮(二)
2016/05/11 Javascript
webuploader模态框ueditor显示问题解决方法
2016/12/27 Javascript
原生javascript移动端滑动banner效果
2017/03/10 Javascript
centos 上快速搭建ghost博客方法分享
2018/05/23 Javascript
详解JavaScript数据类型和判断方法
2020/09/04 Javascript
webstorm建立vue-cli脚手架的傻瓜式教程
2020/09/22 Javascript
Python自动化测试工具Splinter简介和使用实例
2014/05/13 Python
Python深入学习之装饰器
2014/08/31 Python
在Python中处理日期和时间的基本知识点整理汇总
2015/05/22 Python
python实现飞机大战
2018/09/11 Python
详解Python sys.argv使用方法
2019/05/10 Python
django admin 自定义替换change页面模板的方法
2019/08/23 Python
python如何求数组连续最大和的示例代码
2020/02/04 Python
TensorFlow固化模型的实现操作
2020/05/26 Python
浅谈keras 模型用于预测时的注意事项
2020/06/27 Python
凯普林包包西班牙官网:Kipling西班牙
2019/04/12 全球购物
小学教师自我剖析材料
2014/09/29 职场文书
迟到检讨书2000字(精选篇)
2014/10/07 职场文书
监考失职检讨书
2015/01/26 职场文书
初中团委工作总结
2015/08/13 职场文书
图解上海144收音机
2021/04/22 无线电
红灯733-1型14管5波段半导体收音机
2021/04/22 无线电
Apache POI操作批量导入MySQL数据库
2022/06/21 Servers