编程 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学习2 选择器的使用说明

Feb 07 Javascript

Javascript中找到子元素在父元素内相对位置的代码

Jul 21 Javascript

jquery通过load获取文件的内容并跳到锚点的方法

Jan 29 Javascript

AngularJS中的指令全面解析(必看)

May 20 Javascript

Javascript 闭包详解及实例代码

Nov 30 Javascript

jQuery控制控件文本的长度的操作方法

Dec 05 Javascript

Angular在一个页面中使用两个ng-app的方法(二)

Feb 20 Javascript

微信小程序中hidden不生效原因的解决办法

Apr 26 Javascript

Vue 2.0在IE11中打开项目页面空白的问题解决

Jul 16 Javascript

bootstrap+jquery项目引入文件报错的解决方法

Jan 22 jQuery

jQuery实现轮播图及其原理详解

Apr 12 jQuery

Vue OpenLayer 为地图绘制风场效果

Apr 24 Vue.js

从零开始学习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 设计模式之工厂模式

2008/12/19 PHP

PHP+Ajax异步通讯实现用户名邮箱验证是否已注册( 2种方法实现)

2011/12/28 PHP

从零开始学YII2框架（六）高级应用程序模板

2014/08/20 PHP

nicejforms——美化表单不用愁

2007/02/20 Javascript

jQuery帮助之CSS尺寸(五)outerHeight、outerWidth

2009/11/14 Javascript

jQuery 幻灯片插件(带缩略图功能)

2011/01/24 Javascript

关于jQuery的inArray 方法介绍

2011/10/08 Javascript

简介可以自动完成UI的AngularJS工具angular-smarty

2015/06/23 Javascript

JavaScript中的定时器之Item23的合理使用

2015/10/30 Javascript

JS中mouseover和mouseout多次触发问题如何解决

2016/06/06 Javascript

js 弹出对话框(遮罩)透明,可拖动的简单实例

2016/07/11 Javascript

jQuery模拟下拉框选择对应菜单的内容

2017/03/07 Javascript

原生js实现瀑布流布局

2017/03/08 Javascript

nodejs中sleep功能实现暂停几秒的方法

2017/07/12 NodeJs

jQuery 实现左右两侧菜单添加、移除功能

2018/01/02 jQuery

关于单文件组件.vue的使用

2018/09/20 Javascript

JS实现数组去重,显示重复元素及个数的方法示例

2019/01/21 Javascript

js实现数字从零慢慢增加到指定数字示例

2019/11/07 Javascript

详解JSON.stringify()的5个秘密特性

2020/05/26 Javascript

[42:24]完美世界DOTA2联赛循环赛 LBZS vs DM BO2第一场 11.01

2020/11/02 DOTA

python多线程编程中的join函数使用心得

2014/09/02 Python

Python机器学习logistic回归代码解析

2018/01/17 Python

Opencv+Python 色彩通道拆分及合并的示例

2018/12/08 Python

Python实现的读取文件内容并写入其他文件操作示例

2019/04/09 Python

解决python运行效率不高的问题

2020/07/20 Python

python开发入门——set的使用

2020/09/03 Python

html5指南-5.使用web storage存储键值对的数据

2013/01/07 HTML / CSS

趣味活动策划方案

2014/02/08 职场文书

广告设计应届生求职信

2014/03/01 职场文书

难忘的一课教学反思

2014/04/30 职场文书

学校募捐倡议书

2014/05/14 职场文书

十佳青年事迹材料

2014/08/21 职场文书

客户付款通知书

2015/04/23 职场文书

2015暑假假期总结

2015/07/13 职场文书

小学生大队委竞选稿

2015/11/20 职场文书

职场：企业印章管理制度（模板）

2019/10/18 职场文书