jquery-ui基础知识入门_基于Jquery的开源网页用户界面代码库

jquery-ui基础知识入门

官方网址:https://jqueryui.com/

jquery-ui基础知识入门_基于Jquery的开源网页用户界面代码库

GitHub:https://github.com/jquery/jquery-ui

简介描述:基于Jquery的开源网页用户界面代码库

jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互、特效、小部件及主题。

 jQuery UI包含了许多维持状态的小部件(Widget),因此,它与典型的 jQuery 插件使用模式略有不同。所有的 jQuery UI 小部件(Widget)使用相同的模式,所以,只要您学会使用其中一个,您就知道如何使用其他的小部件(Widget)。

jQuery UI 主要分为3个部分:交互、微件和效果库。  

交互(Interactions)

交互部件是一些与鼠标交互相关的内容,包括缩放(Resizable) , 拖动(Draggable) , 放置(Droppable) , 选择(Selectable) , 排序(Sortable)等。

小部件(Widgets)

主要是一些界面的扩展,包括折叠面板(Accordion) , 自动完成(Autocomplete) , 按钮(Button) , 日期选择器(Datepicker) , 对话框(Dialog) , 菜单(Menu) , 进度条(Progressbar) , 滑块(Slider) , 旋转器(Spinner) , 标签页(Tabs) , 工具提示框(Tooltip)等,新版本的UI将包含更多的微件。

效果库(Effects)

用于提供丰富的动画效果,让动画不再局限于jQuery的animate()方法。包括特效(Effect) , 显示(Show) , 隐藏(Hide) , 切换(Toggle) , 添加 Class(Add Class) , 移除 Class(Remove Class) , 切换 Class(Toggle Class) , 转换 Class(Switch Class) , 颜色动画(Color Animation)等。

海计划公众号
(0)
上一篇 2020/03/06 09:11
下一篇 2020/03/06 09:11

您可能感兴趣的内容

  • 入门babel,我们需要了解些什么使用帮助_babel指南攻略

    说实话,我从工作开始就一直在接触babel,然而对于babel并没有一个清晰的认识,只知道babel是用于编译javascript,让开发者能使用超前的ES6+语法进行开发。自己配置babel的时候,总是遇到很多困惑,下面我就以babel@7为例,重新简单认识下babel。什么是babelBabel 是一个工具链,主要用于将 ECMAScript 2015+

    2020/03/20
  • 常见Python的Web开发框架菜鸟教程下载_Python小白知识

    常见Python的Web开发框架菜鸟教程下载 在今天,Python里有很多开发框架用来帮助你轻松创建web应用。web开发框架存在的意义就在于可以快速便捷的构建应用,而不用去在意那…

    2020/03/20
  • 如何用apply实现一个bind?小白指南_apply入门基础教程

    面试题:如何用apply实现一个bind?bind说明bind函数在 ES5 才被加入,所以并不是所有浏览器都支持,IE8及以下的版本中不被支持,如果需要兼容可以使用 Polyfill 来实现。
    bind方法与call/apply最大的区别就是bind返回一个绑定上下文的函数,而call/apply是直接执行了函数,特性如下:可以指定this
    返回一个绑

    2020/03/20
  • 如何使用 Set 来提高代码的性能入门百科_性能小白基础

    我确信有很多开发人员坚持使用基本的全局对象:数字,字符串,对象,数组和布尔值。对于许多用例,这些都是需要的。 但是如果想让你的代码尽可能快速和可扩展,那么这些基本类型并不总是足够好。在本文中,我们将讨论JS 中Set对象如何让代码更快— 特别扩展性方便。 Array 和Set工作方式存在大量的交叉。但是使用Set会比Array在代码运行速度更有优势。Set

    2020/03/29
  • 阻止form表单提交事件方法总汇零基础入门_form入门百科

    有时候我们在表单进行提交前需要进行表单验证,如果验证不通过,那么就需要阻止表单提交的默认行为,下面介绍两种阻止此默认行为的方式。 方式1:给form标签的添加表单提交事件onsubmit=”return false;”<form onsubmit="return change()" id="myForm" method="POST" role="form"

    2020/03/20
  • npm版本号以及其更新的策略基础知识入门_更新菜鸟知识

    本文主要是说明 package.json 中 npm 版本规则以及 npm install 和 npm update 的区别,适合新手和老鸟复习。 npm 中的版本号规则版本的格式 major.minor.patch 主版本号.次版本号.修补版本号版本匹配规则version 必须匹配某个版本 如:1.1.2,表示必须依赖 1.1.2

    2020/03/24
  • 学好前端的 6 点建议指南教程_前端使用指南

    最近接触了很多前端的小伙伴,和他们谈了很多职业发展的问题。他们大部分是做了一到三年的前端新手。在交流中我发现了一个很有意思的现象,大家同样是入门不足三年,一部分感觉前端是一个很有前途的职业,甚至一部分两年经验的前端同学透露年薪已经30W以上了,而另一部分则表示前端薪资水平不高,技术体系庞杂,迭代速度飞快,苦于学习各种不断更新的技术和框架,心神俱疲。同样是前端

    2020/03/31
  • Bootstrap Table 后端分页基础知识教程_分页小白攻略

    之前一直用的前端分页,在数据不是太多的情况下,前端分页还是很方便的,也可以使用自带的搜索等功能,如果数据量比较多的情况就要使用后端分页。实现的原理:前端把offset和limit(每一页显示的数量)发送给后端,后端查询数据库 返回JSON,前端根据后端返回的total展示出pagination。返回的JSON格式{“total”: 25,”rows”: [{

    2020/03/24
  • Node.js 指南(迁移到安全的Buffer构造函数)指南攻略_指南入门百科

    概述本指南介绍了如何迁移到安全的Buffer构造函数方法,迁移修复了以下弃用警告:由于安全性和可用性问题,不建议使用 Buffer()和 new Buffer()构造函数,请改用 new Buffer.alloc()、Buffer.allocUnsafe()或 Buffer.from()构造方法。变式1:放弃对Node.js ≤4.4.x和5.0.0 – 5

    2020/03/24
  • css实现中间文字,两边横线效果使用指南_效果使用教程

    1. vertical-align属性实现效果:vertical-align 属性设置元素的垂直对齐方式。该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。中间文字,两边横线<s

    2020/03/24
  • 如何提升网站体验度?从哪几方面入手?小白知识_体验菜鸟教程

    网站对于企业、个人的帮助都很大。一个有网站的企业和一个没有网站的企业,差距是很大的,至少在这个互联网盛行的时代是这样的。正是因为网站的增多,随之而来的问题也越来越突出,尤其是用户体验度的问题,如果不解决好这个问题,你的网站始终处于最低谷。一个好的用户体验网站能够帮助你留住客户以及带来流量,而网站用户体验度差的不仅不会帮助你带来流量还会让你的客户流失。那么如何

    2020/03/24
  • FindMyfont基础知识入门_英文上传图片查找字体

    FindMyfont基础知识入门 官方网址:https://www.myfonts.com/WhatTheFont/ 简介描述:英文上传图片查找字体 使用深度学习搜索超过133,0…

    2020/03/10
  • 交友套路,最佳的表达技巧!入门基础教程_约会小白攻略

    1.“有一说一”和“自以为是”不同,别把粗鲁当成真性情与他人相处,要遵循一个基本原则:己所不欲,勿施于人。你可以真挚地描述自己的感受,前提是不要带有攻击性,至于对他人做出评价和判断,则需要谨慎和尊重。很多年轻人错把谨慎和尊重当成虚伪,把粗鲁和狭隘当成真性情,殊不知尖刻的话语已在无意中伤害了对方。所以说话前,请站在对方立场想一想,成熟的人,说什么都会让人觉得舒

    2020/03/22
  • NodeList.js教程视频_一个微型DOM操作库,让你跟jQuery一样简单的使用原生 DOM APIs。

    NodeList.js使用攻略 官方网址:https://github.com/eorroe/NodeList.js GitHub:https://github.com/eorro…

    2020/03/06
  • 移动端的3种适配方法指南教程_移动端使用教程

    做移动端页面以来,经常会听说移动端的适配这个问题,但是并没有认真分析过是如何适配各种机型的。目前公司用的是手淘的flexible.js进行页面适配的。适配的根本原理其实就是将设计稿按一定的比例在不同的手机上实现。在分析移动段适配之前首先要了解一下rem, css3的一个相对长度单位。既然是相对长度,那就有一个参照体了,rem就是相对于html元素的font-

    2020/03/29
  • SelectPage.js小白知识一款强大的jquery下拉分页选择插件

    SelectPage.js基础入门 官方网址:https://terryz.gitee.io/selectpage/index.html GitHub:https://github…

    2020/03/05