从零开始学习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 页面内容搜索,类似于 Ctrl+F功能的实现代码
Aug 13 Javascript
javascript 网页跳转的方法
Dec 24 Javascript
ext 列表页面关于多行查询的办法
Mar 25 Javascript
js常用代码段整理
Nov 30 Javascript
js拦截alert对话框另类应用
Jan 16 Javascript
jquery遍历筛选数组的几种方法和遍历解析json对象
Dec 13 Javascript
jQuery热气球动画半透明背景的后台登录界面代码分享
Aug 28 Javascript
vue实现验证码输入框组件
Dec 14 Javascript
使用vue2实现购物车和地址选配功能
Mar 29 Javascript
clipboard.js在移动端复制失败的解决方法
Jun 13 Javascript
基于JavaScript实现简单扫雷游戏
Jan 02 Javascript
15个值得收藏的JavaScript函数
Sep 15 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批量删除数据库下指定前缀的表以prefix_为例
2014/08/24 PHP
PHP编译安装时常见错误解决办法
2015/05/28 PHP
一个实用的php验证码类
2017/07/06 PHP
php 输出缓冲 Output Control用法实例详解
2020/03/03 PHP
javascript 面向对象编程基础:继承
2009/08/21 Javascript
用Greasemonkey 脚本收藏网站会员信息到本地
2009/10/26 Javascript
jQuery实现类似淘宝购物车全选状态示例
2013/06/26 Javascript
jquery鼠标滑过提示title具体实现代码
2013/08/06 Javascript
javascript实现行拖动的方法
2015/05/27 Javascript
JS实现带鼠标效果的头像及文章列表代码
2015/09/27 Javascript
Javascript removeChild()删除节点及删除子节点的方法
2015/12/27 Javascript
jQuery向父辈遍历的简单方法
2016/09/18 Javascript
详解Javascript数据类型的转换规则
2016/12/12 Javascript
JS绘制微信小程序画布时钟
2016/12/24 Javascript
基于jstree使用AJAX请求获取数据形成树
2017/08/29 Javascript
在Vue项目中取消ESLint代码检测的步骤讲解
2019/01/27 Javascript
小程序云开发教程如何使用云函数实现点赞功能
2019/05/18 Javascript
基于Vue实现平滑过渡的拖拽排序功能
2019/06/12 Javascript
VUE组件中的 Drawer 抽屉实现代码
2019/08/06 Javascript
JavaScript正则表达式验证登录实例
2020/03/18 Javascript
[02:11]DOTA2上海特级锦标赛主赛事第二日RECAP
2016/03/04 DOTA
[01:15:29]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#2Secret VS EG第三局
2016/03/04 DOTA
[02:21]十步杀一人,千里不留行——DOTA2全新英雄天涯墨客展示
2018/08/29 DOTA
python操作mysql中文显示乱码的解决方法
2014/10/11 Python
Python简单计算给定某一年的某一天是星期几示例
2018/06/27 Python
使用Flask-Cache缓存实现给Flask提速的方法详解
2019/06/11 Python
Keras 切换后端方式(Theano和TensorFlow)
2020/06/19 Python
Selenium Webdriver元素定位的八种常用方式(小结)
2021/01/13 Python
matplotlib grid()设置网格线外观的实现
2021/02/22 Python
Uber Eats台湾:寻找附近提供送餐服务的餐厅
2018/05/07 全球购物
文员岗位职责范本
2014/03/08 职场文书
2014爱耳日宣传教育活动总结
2014/03/09 职场文书
美术教师岗位职责
2014/03/18 职场文书
2014年科室工作总结
2014/11/20 职场文书
初中班干部工作总结
2015/08/10 职场文书
《槐乡的孩子》教学反思
2016/02/20 职场文书