从零开始学习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 相关文章推荐
caller和callee的区别介绍及演示结果
Mar 10 Javascript
js局部刷新页面时间具体实现
Jul 04 Javascript
jquery中get,post和ajax方法的使用小结
Feb 04 Javascript
javascript中substring()、substr()、slice()的区别
Aug 30 Javascript
JS简单限制textarea内输入字符数量的方法
Oct 14 Javascript
jQuery实现为控件添加水印文字效果(附源码)
Dec 02 Javascript
Vue.js实现无限加载与分页功能开发
Nov 03 Javascript
vue.js整合mint-ui里的轮播图实例代码
Dec 27 Javascript
详解使用React进行组件库开发
Feb 06 Javascript
vue使用Element组件时v-for循环里的表单项验证方法
Jun 28 Javascript
layui上传图片到服务器的非项目目录下的方法
Sep 26 Javascript
vue - vue.config.js中devServer配置方式
Oct 30 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
ThinkPHP框架里隐藏index.php
2016/04/12 PHP
CI框架的安全性分析
2016/05/18 PHP
php编译安装php-amq扩展简明教程
2016/06/25 PHP
php 生成加密公钥加密私钥实例详解
2017/06/16 PHP
laravel-admin 中列表筛选方法
2019/10/03 PHP
BOOM vs RR BO3 第一场2.13
2021/03/10 DOTA
window.ActiveXObject使用说明
2010/11/08 Javascript
jQuery EasyUI API 中文文档 - Tabs标签页/选项卡
2011/10/01 Javascript
JS使用oumousemove和oumouseout动态改变图片显示的方法
2015/03/31 Javascript
基于jQuery实现的双11天猫拆红包抽奖效果
2015/12/01 Javascript
jquery属性,遍历,HTML操作方法详解
2016/09/17 Javascript
Vue.js第四天学习笔记(组件)
2016/12/02 Javascript
javascript事件的绑定基础实例讲解(34)
2017/02/14 Javascript
详解从Node.js的child_process模块来学习父子进程之间的通信
2017/03/27 Javascript
Angular搜索 过滤 批量删除 添加 表单验证功能集锦(实例代码)
2017/10/25 Javascript
sublime text配置node.js调试(图文教程)
2017/11/23 Javascript
vue 根据数组中某一项的值进行排序的方法
2018/08/30 Javascript
JavaScript函数定义方法实例详解
2019/03/05 Javascript
Python实现根据指定端口探测服务器/模块部署的方法
2014/08/25 Python
python访问系统环境变量的方法
2015/04/29 Python
Python中异常重试的解决方案详解
2017/05/05 Python
python中abs&map&reduce简介
2018/02/20 Python
python操作excel文件并输出txt文件的实例
2018/07/10 Python
python实现银行实战系统
2020/02/26 Python
浅谈JupyterNotebook导出pdf解决中文的问题
2020/04/22 Python
Python应用自动化部署工具Fabric原理及使用解析
2020/11/30 Python
Html5写一个简单的俄罗斯方块小游戏
2019/12/03 HTML / CSS
美国排名第一的在线葡萄酒商店:Wine.com
2016/09/07 全球购物
网上开店必备创业计划书
2014/01/26 职场文书
清洁工岗位职责
2014/01/29 职场文书
事业单位鉴定材料
2014/05/25 职场文书
党员弘扬焦裕禄精神思想汇报
2014/09/10 职场文书
办公室领导干部作风整顿个人整改措施
2014/09/17 职场文书
2014年六五普法工作总结
2014/11/25 职场文书
2014年学校禁毒工作总结
2014/12/23 职场文书
十大公认最好看的动漫:《咒术回战》在榜,《钢之炼金术师》第一
2022/03/18 日漫