zoukankan      html  css  js  c++  java
  • jQuery学习笔记(jquery.ui插件)

    官网地址:http://ui.jquery.com/

    jQuery UI源自于一jQuery插件-Interface。目前版本是1.10.3,需要jQuery 1.6以上版本支持。

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

    1. 交互。这里都是一些与鼠标交互相关的内容。包括拖动(Draggable)、置放(Droppable)、缩放(Resizable)、选择(Selectable)的排序(Sortable)等。微件(Widget)中有部分是基于这些交互组件来制作的。此库需要一个jQuery UI核心库--ui.core.js支持。
    2. 微件。这里主要是一些界面的扩展。里边包括了手风琴导航(Accordion)、自动完成(Autocomplete)、按钮(Button)、日历选择器(Datepicker)、对话框(Dialog)、菜单(Menu)、进度条(Progressbar)、滑块(Splider)、微调控制器(Spinner)、标签(Tabs)和提示(Tooltip)等。此库需要一个jQuery UI核心库ui.core.js支持。
    3. 效果库。此库用于提供丰富的动画效果,让动画不再局限于animate()方法。效果库有自己的一套核心即effect.core.js,无需jQuery UI的核心库ui.core.js支持。

    因为此模块过于强大,本文不再做详细探讨。建议的选择是,看官网的Demo,了解它能实现什么功能,自己需要什么功能,然后下载源代码,找出相关功能片段,实现自己的功能即可。

    下面仅展示微件实现的功能图片,供参考:

    1. 手风琴导航(Accordion)

    2. 自动完成(Autocomplete)

    3. 按钮(Button)

    4. 日历选择器(Datepicker)

    5. 对话框(Dialog)

    6. 菜单(Menu)

    7. 进度条(Progressbar)

    8. 滑块(Splider)

    9. 微调控制器(Spinner)

    10. 标签(Tabs)

    11. 提示(Tooltip)

  • 相关阅读:
    初级工程师该如何去学习,如何去研发开关电源?
    CentOS-pam认证机制简介
    Linux-密码复杂度限制
    如何写一个简单的webserver(一):最简实现
    MySQL5.6绿色版安装(mysql-5.6.24-winx64.zip)
    Linux忘记roo密码的解决办法
    Linux中的netstat命令详解
    WireShark抓包分析(二)
    Wireshark抓取TCP包分析
    Wireshark 基本介绍和学习 TCP 三次握手
  • 原文地址:https://www.cnblogs.com/nayitian/p/3387312.html
Copyright © 2011-2022 走看看