从零开始学习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 相关文章推荐
用JavaScrpt实现文件夹简单轻松加密的实现方法图文
Sep 08 Javascript
关于用Jquery的height()、width()计算动态插入的IMG标签的宽高的问题
Dec 08 Javascript
纯js实现瀑布流展现照片(自动适应窗口大小)
Apr 08 Javascript
jquery异步跨域访问代码
Jun 28 Javascript
js操作输入框提示信息且响应鼠标事件
Mar 25 Javascript
Javascript的表单与验证-非空验证
Mar 18 Javascript
Node.js Addons翻译(C/C++扩展)
Jun 12 Javascript
js获取当前周、上一周、下一周日期
Mar 19 Javascript
使用vue实现多规格选择实例(SKU)
Aug 23 Javascript
详解Vue.js 作用域、slot用法(单个slot、具名slot)
Oct 15 Javascript
微信小程序新闻网站详情页实例代码
Jan 10 Javascript
一文秒懂JavaScript构造函数、实例、原型对象以及原型链
Aug 25 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运行环境配置与开发环境的配置(图文教程)
2013/06/04 PHP
基于header的一些常用指令详解
2013/06/06 PHP
EXTJS内使用ACTIVEX控件引起崩溃问题的解决方法
2010/03/31 Javascript
asp.net+js 实现无刷新上传解析csv文件的代码
2010/05/17 Javascript
JavaScript之HTMLCollection接口代码
2011/04/27 Javascript
SOSO地图API使用(一)在地图上画圆实现思路与代码
2013/01/15 Javascript
JavaScript实现查找字符串中第一个不重复的字符
2014/12/29 Javascript
JavaScript知识点总结(十)之this关键字
2016/05/31 Javascript
微信小程序 倒计时组件实现代码
2016/10/24 Javascript
jQuery判断邮箱格式对错实例代码讲解
2017/04/12 jQuery
JS手机端touch事件计算滑动距离的方法示例
2017/10/26 Javascript
Vue.JS项目中5个经典Vuex插件
2017/11/28 Javascript
JavaScript常见鼠标事件与用法分析
2019/01/03 Javascript
vue中的mescroll搜索运用及各种填坑处理
2019/10/30 Javascript
Vue实现仿iPhone悬浮球的示例代码
2020/03/13 Javascript
Postman动态获取返回值过程详解
2020/06/30 Javascript
Openlayers+EasyUI Tree动态实现图层控制
2020/09/28 Javascript
antd多选下拉框一行展示的实现方式
2020/10/31 Javascript
[00:31]2016完美“圣”典风云人物:国士无双宣传片
2016/12/04 DOTA
Python去掉字符串中空格的方法
2014/03/11 Python
使用Python脚本对Linux服务器进行监控的教程
2015/04/02 Python
详细介绍Ruby中的正则表达式
2015/04/10 Python
Python去除字符串前后空格的几种方法
2019/03/04 Python
python3的pip路径在哪
2020/06/23 Python
Pytorch - TORCH.NN.INIT 参数初始化的操作
2021/02/27 Python
python 如何用urllib与服务端交互(发送和接收数据)
2021/03/04 Python
定义css设备类型-Media Queries图表简介及使用方法
2013/01/21 HTML / CSS
精彩的推荐信范文
2013/11/26 职场文书
企业法人代表任命书
2014/06/06 职场文书
学习考察心得体会
2014/09/04 职场文书
一封真诚的自荐信帮你赢得机会
2019/05/07 职场文书
2019年XX公司的晨会制度及流程!
2019/07/23 职场文书
Python实现Telnet自动连接检测密码的示例
2021/04/16 Python
MySQL之MyISAM存储引擎的非聚簇索引详解
2022/03/03 MySQL
Python内置类型集合set和frozenset的使用详解
2022/04/26 Python
python pandas 解析(读取、写入)CSV 文件的操作方法
2022/12/24 Python