编程 Javascript

从零开始学习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 的在线网站十分强大. 首先就是在下载时可以组装自己想要的功能定制下载:

从零开始学习jQuery (十) jQueryUI常用功能实战

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js中浮点型运算BUG的解决方法说明

Jan 06 Javascript

JS 打印功能代码可实现打印预览、打印设置等

Oct 31 Javascript

JavaScript动态创建link标签到head里的方法

Dec 22 Javascript

Backbone.js框架中简单的View视图编写学习笔记

Feb 14 Javascript

JavaScript的Backbone.js框架环境搭建及Hellow world示例

May 07 Javascript

浅析angularJS中的ui-router和ng-grid模块

May 20 Javascript

jQuery AJAX timeout 超时问题详解

Jun 21 Javascript

利用Node.js制作爬取大众点评的爬虫

Sep 22 Javascript

vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理

Mar 06 Javascript

Angular通过angular-cli来搭建web前端项目的方法

Jul 27 Javascript

详解vuex中mapState,mapGetters,mapMutations,mapActions的作用

Apr 13 Javascript

浅谈如何使用webpack构建多页面应用

May 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

简单示例AJAX结合PHP代码实现登录效果代码

2008/07/25 PHP

PHPMailer安装方法及简单实例

2008/11/25 PHP

判断php数组是否为索引数组的实现方法

2013/06/13 PHP

3种方法轻松处理php开发中emoji表情的问题

2016/07/18 PHP

PHP通过get方法获得form表单数据方法总结

2018/09/12 PHP

asp 取文本框名称代码

2008/12/02 Javascript

js定义对象或数组直接量时各浏览器对多余逗号的处理(json)

2011/03/05 Javascript

javascript错误的认识不用关心内存管理

2012/12/15 Javascript

Javascript核心读书有感之语句

2015/02/11 Javascript

javascript转换静态图片，增加粒子动画效果

2015/05/28 Javascript

BootStrap和jQuery相结合实现可编辑表格

2016/04/21 Javascript

Bootstrap 3的box-sizing样式导致UEditor控件的图片无法正常缩放的解决方案

2016/09/15 Javascript

Vue2.x中的父组件传递数据至子组件的方法

2017/05/01 Javascript

详解原生js实现offset方法

2017/06/15 Javascript

Vue学习笔记进阶篇之多元素及多组件过渡

2017/07/19 Javascript

javascript 作用于作用域链的详解

2017/09/27 Javascript

Koa日志中间件封装开发详解

2019/03/09 Javascript

Vue项目结合Vue-layer实现弹框式编辑功能(实例代码)

2020/03/11 Javascript

viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)

2020/04/01 jQuery

使用 Jest 和 Supertest 进行接口端点测试实例详解

2020/04/25 Javascript

利用Python爬取可用的代理IP

2016/08/18 Python

Python进阶篇之字典操作总结

2016/11/16 Python

Python 出现错误TypeError: ‘NoneType’ object is not iterable解决办法

2017/01/12 Python

django admin添加数据自动记录user到表中的实现方法

2018/01/05 Python

python实现自动网页截图并裁剪图片

2018/07/30 Python

Python中出现IndentationError:unindent does not match any outer indentation level错误的解决方法

2020/04/18 Python

Python统计一个字符串中每个字符出现了多少次的方法【字符串转换为列表再统计】

2019/05/05 Python

python使用pygame模块实现坦克大战游戏

2020/03/25 Python

Python中join（）函数多种操作代码实例

2020/01/13 Python

python实现图像全景拼接

2020/03/27 Python

详解CSS 3 中的 calc() 方法

2018/01/12 HTML / CSS

在html5的Canvas上绘制椭圆的几种方法总结

2013/01/07 HTML / CSS

俄罗斯三星品牌商店：Samsungstore

2020/04/05 全球购物

关于赌博的检讨书

2014/01/24 职场文书

SpringRetry重试框架的具体使用

2021/07/25 Java/Android

《月歌。》宣布制作10周年纪念剧场版《RABBITS KINGDOM THE MOVIE》

2022/04/02 日漫