从零开始学习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 相关文章推荐
使用AngularJS中的SCE来防止XSS攻击的方法
Jun 18 Javascript
基于JavaScript实现一定时间后去执行一个函数
Dec 14 Javascript
jquery对象访问是什么及使用方法介绍
May 03 Javascript
JavaScript中的事件委托及好处
Jul 12 Javascript
微信小程序 Storage API实例详解
Oct 02 Javascript
在页面中引入js的两种方法(推荐)
Aug 29 Javascript
微信小程序实现传参数的几种方法示例
Jan 10 Javascript
vue文件树组件使用详解
Mar 29 Javascript
深入理解使用Vue实现Context-Menu的思考与总结
Mar 09 Javascript
详解JQuery基础动画操作
Apr 12 jQuery
vue使用echarts实现水平柱形图实例
Sep 09 Javascript
JavaScript/TypeScript 实现并发请求控制的示例代码
Jan 18 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中使用Oracle数据库(3)
2006/10/09 PHP
PHP下一个非常全面获取图象信息的函数
2008/11/20 PHP
PHP连接SQLSERVER 注意事项(附dll文件下载)
2012/06/28 PHP
PHP递归算法的详细示例分析
2013/02/19 PHP
php读取二进制流(C语言结构体struct数据文件)的深入解析
2013/06/13 PHP
PHP中使用json数据格式定义字面量对象的方法
2014/08/20 PHP
thinkPHP下的widget扩展用法实例分析
2015/12/26 PHP
20个最新的jQuery插件
2012/01/13 Javascript
JavaScript利用append添加元素报错的解决方法
2014/07/01 Javascript
批量修改标签css样式以input标签为例
2014/07/31 Javascript
jquery引用方法时传递参数原理分析
2014/10/13 Javascript
Javascript学习笔记之数组的构造函数
2014/11/23 Javascript
简单实现js浮动框
2016/12/13 Javascript
解决node修改后需频繁手动重启的问题
2018/05/13 Javascript
详解处理bootstrap4不支持远程静态框问题
2018/07/20 Javascript
VUE-cli3使用 svg-sprite-loader
2018/10/20 Javascript
JS事件绑定的常用方式实例总结
2019/03/02 Javascript
微信小程序如何实现在线客服功能
2019/10/16 Javascript
vue实现下拉菜单树
2020/10/22 Javascript
Python 开发Activex组件方法
2009/11/08 Python
python中ASCII码字符与int之间的转换方法
2018/07/09 Python
flask实现验证码并验证功能
2019/12/05 Python
Python通过正则库爬取淘宝商品信息代码实例
2020/03/02 Python
HTML5 新事件 小结
2009/07/16 HTML / CSS
基于canvas的骨骼动画的示例代码
2018/06/12 HTML / CSS
美国在线精品家居网站:Burke Decor
2017/04/12 全球购物
德国网上宠物店:Zoobio
2018/05/23 全球购物
成品仓管员工作职责
2013/12/29 职场文书
社区端午节活动方案
2014/01/28 职场文书
工厂仓管员岗位职责范本
2014/07/17 职场文书
法院干警四风问题个人对照检查材料思想汇报
2014/10/07 职场文书
小学见习报告
2014/10/31 职场文书
师德师风个人总结
2015/02/06 职场文书
2015年暑假工作总结
2015/07/13 职场文书
使用Golang的channel交叉打印两个数组的操作
2021/04/29 Golang
分析并发编程之LongAdder原理
2021/06/29 Java/Android