编程 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 相关文章推荐

翻译整理的jQuery使用查询手册

Mar 07 Javascript

js 单击式的下拉菜单效果实例

Aug 13 Javascript

js+csss实现的一个带复选框的下拉框

Sep 29 Javascript

js老生常谈之this,constructor ,prototype全面解析

Apr 05 Javascript

原生JS实现图片轮播与淡入效果的简单实例

Aug 21 Javascript

JavaScript自定义浏览器滚动条兼容IE、火狐和chrome

Jan 05 Javascript

基于Datatables跳转到指定页的简单实例

Nov 09 Javascript

Angular5.1新功能分享

Dec 21 Javascript

使用vue的transition完成滑动过渡的示例代码

Jun 25 Javascript

vue+SSM实现验证码功能

Dec 07 Javascript

详解vuex commit保存数据技巧

Dec 25 Javascript

浅谈vue获得后台数据无法显示到table上面的坑

Aug 13 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 引用是个坏习惯

2010/03/12 PHP

php 判断是否是中文/英文/数字示例代码

2013/09/30 PHP

thinkPHP中验证码的简单实现方法

2016/12/05 PHP

CodeIgniter框架常见用法工作总结

2017/03/16 PHP

YII2框架中actions的作用与使用方法示例

2020/03/13 PHP

TP5框架实现一次选择多张图片并预览的方法示例

2020/04/04 PHP

iframe窗口高度自适应的又一个巧妙实现思路

2014/04/04 Javascript

被遗忘的javascript的slice() 方法

2015/04/20 Javascript

SpringMVC restful 注解之@RequestBody进行json与object转换

2015/12/10 Javascript

JS控制文本域只读或可写属性的方法

2016/06/24 Javascript

ES6新特性之类(Class)和继承(Extends)相关概念与用法分析

2017/05/24 Javascript

详解AngularJS 模块化

2017/06/14 Javascript

快速将Vue项目升级到webpack3的方法步骤

2017/09/14 Javascript

利用Vconsole和Fillder进行移动端抓包调试方法

2019/03/05 Javascript

在 Vue 应用中使用 Netlify 表单功能的方法详解

2019/06/03 Javascript

JavaScript JSON数据处理全集(小结)

2019/08/15 Javascript

JS桶排序的简单理解与实现方法示例

2019/11/25 Javascript

vue 组件开发原理与实现方法详解

2019/11/29 Javascript

[02:47]DOTA2亚洲邀请赛 HR战队出场宣传片

2015/02/07 DOTA

[44:41]Fnatic vs Liquid 2018国际邀请赛小组赛BO2 第二场 8.16

2018/08/17 DOTA

Python的Flask框架中web表单的教程

2015/04/20 Python

Python基于递归算法求最小公倍数和最大公约数示例

2018/07/27 Python

pytorch实现从本地加载 .pth 格式模型

2020/02/14 Python

Django实现图片上传功能步骤解析

2020/04/22 Python

Django admin管理工具TabularInline类用法详解

2020/05/14 Python

html5菜单折纸效果

2014/04/22 HTML / CSS

html5实现canvas阴影效果示例

2014/05/07 HTML / CSS

C#里面如何倒序排列一个数组的元素？

2013/06/21 面试题

经销商会议欢迎词

2014/01/11 职场文书

高中语文课后反思

2014/04/27 职场文书

五一口号

2014/06/19 职场文书

2016自主招生教师推荐信范文

2015/03/23 职场文书

邓小平文选读书笔记

2015/06/29 职场文书

《社戏》教学反思

2016/02/22 职场文书

Python Matplotlib绘制条形图的全过程

2021/10/24 Python

python神经网络 tf.name_scope 和 tf.variable_scope 的区别

2022/05/04 Python