从零开始学习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 相关文章推荐
js写的评论分页(还不错)
Dec 23 Javascript
js利用数组length属性清空和截短数组的小例子
Jan 15 Javascript
提交按钮的name='submit'引起的js失效问题及原因
Feb 25 Javascript
JavaScript分页功能的实现方法
Apr 25 Javascript
JavaScript通过事件代理高亮显示表格行的方法
May 27 Javascript
JavaScript小技巧整理篇(非常全)
Jan 26 Javascript
BootStrap学习系列之Bootstrap Typeahead 组件实现百度下拉效果(续)
Jul 07 Javascript
概述一个页面从输入URL到页面加载完的过程
Dec 16 Javascript
详解Vue组件实现tips的总结
Nov 01 Javascript
vue实现微信二次分享以及自定义分享的示例
Mar 20 Javascript
vue回到顶部监听滚动事件详解
Aug 02 Javascript
vue打包通过image-webpack-loader插件对图片压缩优化操作
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
PHP 内存缓存加速功能memcached安装与用法
2009/09/03 PHP
PHP实现提取一个图像文件并在浏览器上显示的代码
2012/10/06 PHP
如何在php中正确的使用json
2013/08/06 PHP
PHP获取mysql数据表的字段名称和详细信息的方法
2014/09/27 PHP
浅谈ThinkPHP的URL重写
2014/11/25 PHP
php中str_pad()函数用法分析
2017/03/28 PHP
PHP图像处理技术实例总结【绘图、水印、验证码、图像压缩】
2018/12/08 PHP
laravel model模型处理之修改查询或修改字段时的类型格式案例
2019/10/17 PHP
JavaScript将取代AppleScript?
2014/09/18 Javascript
jQuery中的通配符选择器使用总结
2016/05/30 Javascript
Jquery揭秘系列:ajax原生js实现详解(推荐)
2016/06/08 Javascript
基于css3新属性transform及原生js实现鼠标拖动3d立方体旋转
2016/06/12 Javascript
使用开源工具制作网页验证码的方法
2016/10/17 Javascript
用js控件div的滚动条,让它在内容更新时自动滚到底部的实现方法
2016/10/27 Javascript
jQuery表单插件ajaxForm实例详解
2017/01/17 Javascript
详解如何在React组件“外”使用父组件的Props
2018/01/12 Javascript
JavaScript的Object.defineProperty详解
2018/07/09 Javascript
Vue中使用sass实现换肤功能
2018/09/07 Javascript
layui富文本编辑器前端无法取值的解决方法
2019/09/18 Javascript
[02:41]DOTA2英雄基础教程 谜团
2013/12/10 DOTA
CentOS安装pillow报错的解决方法
2016/01/27 Python
Python上下文管理器和with块详解
2017/09/09 Python
Python列表推导式与生成器表达式用法示例
2018/02/08 Python
python实现图片转字符小工具
2019/04/30 Python
python两个list[]相加的实现方法
2020/09/23 Python
python中如何使用虚拟环境
2020/10/14 Python
filter使用python3代码进行迭代元素的实例详解
2020/12/03 Python
需要知道的CSS3动画技术
2010/01/01 HTML / CSS
《老山界》教学反思
2014/04/08 职场文书
实习单位证明范例
2014/11/17 职场文书
安装工程师岗位职责
2015/02/13 职场文书
社区文明倡议书
2015/04/28 职场文书
介绍信应该怎么开?
2019/04/03 职场文书
怎样写好工作计划
2019/04/10 职场文书
2019年度行政文员工作计划范本!
2019/07/04 职场文书
vue elementUI表格控制对应列
2022/04/13 Vue.js