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. make phpexcel working with XAMPP7.0.9

    Environment XAMPP 7.0.9 (PHP 7.0.9) PHPExcel 1.7.6-1.8.1 not lib_zip.dll Windows 10.1 thinkPHP 5.0.1 ...

  2. iOS开发零碎知识点

    记录一些常用和不常用的iOS知识点,防止遗忘丢失.(来源为收集自己项目中用到的或者整理看到博客中的知识点),如有错误,欢迎大家批评指正:如有好的知识点,也欢迎大家联系我,添加上去.谢谢! 一.调用代码 ...

  3. python 随机生成固定长度的字串

    from random import Random#随机生成4到20位的用户名def random_username(): username = '' chars = 'AaBbCcDdEeFfGgH ...

  4. 关于模拟http请求 cookie的赋值

    最近的工作一直是关于模拟http请求方面的知识的. 原本以为很简单,就是简单模拟一下http请求.先用fiddler模拟一下请求,验证接口可用,就直接上代码. 但是在模拟一个联通http的请求时候,我 ...

  5. C#datagridview 防止闪烁的方法

    描述:拉动DataGridView滚动条时会出现闪烁,看起来像是在重画,感觉不是很好. 解决方式:采用双缓存机制,在方案中添加方法. 代码: public static class Extension ...

  6. Mysql空用户导致数据库登陆故障处理 (原创帖,转载请注明出处)

    首先感谢在本次故障中阿铭对我的无私帮助,万分感谢!阿铭linux论坛:http://www.apelearn.com/study_v2/   问题描述: 公司安全部门扫描到数据库空密码漏洞,用户名密码 ...

  7. jQuery validation学习(1)验证只输入空格通过验证

    当input输入了空格是不会提示信息的 一般会去除空格然后进行验证 这个时候就要添加onkeyup事件去除左侧的空格 验证只输入空格通过验证 //添加验证手机方法 jQuery.validator.a ...

  8. What's the difference between <b> and <strong>, <i> and <em> in HTML/XHTML? When should you use each?

    ref:http://stackoverflow.com/questions/271743/whats-the-difference-between-b-and-strong-i-and-em The ...

  9. C#导出csv文件

    /// <summary> /// 将DataTable中数据写入到CSV文件中 /// </summary> /// <param name="dt" ...

  10. 【转】Checkpoint--与lazy writer区别

      checkpoint目的是减少数据库的恢复时间(服务奔溃或重启服务后的恢复),而lazy writer的目的是保证SQL OS 有空闲缓存块和系统有一定可用内存. Checkpoint和lazyW ...