1,拖拽插件  draggable

拖拽插件draggable的功能是拖动被绑定的元素, 当这个jqueryUI插件与元素绑定后,可以通过调用draggable()方法,实现何种拖拽元素的效果

$(selector)draggable({options})

options参数为方法调用时的配置对象,根据对象可以设置各种拖拽效果

2,放置插件  droppable

除了使用draggable插件拖拽任意元素外,还可以调用droppableUI插件将拖拽后的任意元素放置在指定区域中,类似购物车效果

$(selector).droppable({options})

selector参数为接受拖拽元素,options为方法的配置对象,在对象中,drop函数表示当被接收的拖拽元素完全进入接收元素的容器时,触发该函数时,触发该函数的调用。

3,拖拽排序插件 sortabel

拖拽排序插件的功能是将序列元素按任意位置进行拖拽从而形成一个新的元素序列,实现拖拽排序的功能

$(selector).sortable({options});

selector参数为进行拖拽排序的元素,options为调用方法时的配置对象

4,面板折叠插件  accordion

面板折叠插件可以实现页面中指定语气类似手风琴的折叠效果,即点击标题是展开内容,再点另一标题时,关闭已展开的内容。

$(selector).accordion({options});

其中参数selector为整个面板元素,options参数为方法对应的配置对象。

5,选项卡插件  tabs

使用选项卡插件可以将ul中的li选项定义为选项标题, 在标题中,再使用a元素的href属性设置选项标题对应的内容

$(selector).tabs({options});

selector参数为选项卡整体外围元素,该元素包含选项卡标题与内容,options参数为tabs方法的配置对象,通过该对象还能以ajax方式加载选项卡的内容。

6,对话框插件  diglog

对话框插件可以用动画的效果弹出多种类型的对话框,实现JavaScript代码中的alert,confirm函数的功能。

$(selector).dislog({options});

selector参数为显示弹出框的元素,通常为div,options参数为方法的配置对象,在对象中可以设置对话框类型, 确定,取消按钮执行的代码等。

7,菜单工具插件 menu

菜单工具插件可以通过ul创建多级内联式菜单,支持通过键盘方向键控制菜单滑动,允许为菜单的各个选项添加图标。

$(selector).menu({options});

selector参数为菜单列表中最外层ul元素,options为menu方法的配置对象。

8,微调按钮插件 spinner

微调按钮插件不仅能在文本框中直接输入数值,还可以通过点击数据框右侧的上下按钮修改输入框的值,还支持键盘的上下方向键改变输入值

$(selector).spinner({options});

selector参数为输入框元素,可选项options参数为spinner方法的配置对象,在该对象中,可以设置输入的最大最小值,获取改变值和设置对应事件。

9,工具提示插件  tooltip

工具提示插件可以定制元素的提示外观,提示内容支撑变量,ajax远程获取,还可以自定义提示内容显示的位置。

$(selector).tooltip({options})

其中selector为需要显示提示信息的元素,可选项参数options为tooltip方法的配置对象,在该对象中,可设置提示信息的弹出,隐藏时的效果和所在位置。

jqueryUI 插件的更多相关文章

  1. $.widget 编写jQueryUI插件(widget)

    转自:MainTao: 编写jQueryUI插件(widget) 使用jQueryUI的widget来写插件,相比于基本的jquery插件有一些好处: * 方便实现继承,代码重用 * 默认是单例 * ...

  2. [原创]首次制作JQueryUI插件-Timeline时间轴

    特点: 1. 支持多左右滚动,左右拖动. 2. 时间轴可上下两种显示方式. 3. 支持两种模式的平滑滚动/拖动. 4. 行压缩(后续版本此处可设置是否开启,上传的代码不带这个功能). 5. 支持hov ...

  3. 基于Jquery、JqueryUI插件编写

    刚开始编写jquery插件的时候,只是从网上找个模板看着写,并不理解.刚刚仔细把官网的API看了下,突然觉得豁然开朗了.马上放假了想着应该整理整理不然忘了又. How to create a Jque ...

  4. jqueryui插件slider的简单使用

    <!DOCTYPE html> <html> <head> <title>slider</title> <meta charset=& ...

  5. jqueryUI插件

    <link rel="stylesheet" href="~/Content/themes/base/jquery-ui.css" /> <s ...

  6. JqueryUI插件网络连接

    operamasks_UI官网 http://ui.operamasks.org/website/homepage.html EasyUI官网 http://www.jeasyui.com/index ...

  7. netbeans中wicket插件对应的jQuery-ui版本

    在netbean里使用wicket,我们经常习惯使用netbeans自带的wicket插件直接安装wicket,但是因为netbean上的 wicket插件版本比较老,使得我们很多新的第三方wicke ...

  8. 四款超棒的jQuery数字化签名插件

    在浏览器中,我们有很多方式来绘制生成签名效果,并且有很多很棒很智能的jQuery插件.数字化签名是未来的发展方向,正是这个原因我们这里收集并且推荐了四款超棒的jQuery数字化签名插件,希望大家喜欢! ...

  9. 网站开发常用jQuery插件总结(八)标签编辑插件Tagit

    一.Tagit插件功能 提高网站交互性,增加用户体验.至于其它的功能,还真没有.用一个input text就可以替换了它.但是text没有输入提示功能,而tagit拥有这个功能.官方示例如下图: 将关 ...

随机推荐

  1. MVC3.0 项目升级到 MVC4.0

    按照 http://www.asp.net/whitepapers/mvc4-release-notes#_Toc303253806 的步骤 第一步:修改web.config 注意,默认的MVC3网站 ...

  2. java学习点

    (1) spring mvc (2) java 多线程 (3) 链表 (4) mq (5) db2 (6)meaven (7) Mybitis

  3. js 自带的 map() 方法

    1. 方法概述 map() 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组. 2. 例子 2.1 在字符串中使用map 在一个 String  上使用 map 方法获取字符串中 ...

  4. Python企业级开发之一:基础

    Python企业级开发相关内容.这里涉及到Python开发过程中的问题以及解决办法.还提供新的开发思路. 脚本开发的一些共同的问题.如:1.对OO的支持不完善,2.问题定位方式给出的信息过于晦涩,3. ...

  5. IIS报错:Exception from HRESULT: 0x8007000B解决方法

    报错如下: System.Web.Services.dll 中发生,但未在用户代码中进行处理 其他信息: 服务器无法处理请求. ---> 尝试加载 Oracle 客户端库时引发 BadImage ...

  6. Uva 1629 切蛋糕

    题目链接:https://vjudge.net/contest/146179#problem/B 题意:一个矩形蛋糕上有好多个樱桃,现在要做的就是切割最少的距离,切出矩形形状的小蛋糕,让每个蛋糕上都有 ...

  7. 2017年1月3日 星期二 --出埃及记 Exodus 21:29

    2017年1月3日 星期二 --出埃及记 Exodus 21:29 If, however, the bull has had the habit of goring and the owner ha ...

  8. Android first--SharedPreferences

    public class MainActivity extends Activity { private EditText et_name;    private EditText et_pass; ...

  9. 阅读笔记 1 火球 UML大战需求分析

    伴随着七天国庆的结束,紧张的学习生活也开始了,首先声明,阅读笔记随着我不断地阅读进度会慢慢更新,而不是一次性的写完,所以会重复的编辑.对于我选的这本   <火球 UML大战需求分析>,首先 ...

  10. oracle 开窗分析函数和树形结构

    1.row_number() over(partition by ... order by ...)2.rank() over(partition by ... order by ...)3.dens ...