jQuery基础总结–jQuery插件上(八)

继续接上篇jQuery基础总结–jQuery动画(七)

1、插件(Plugin)也称为扩展(Extension)是从遵循一定规范的应用程序接口编写出来的程序

2、插件可以帮助用户开发出稳定的应用系统,节约项目成本

3、目前已有超过百万种的插件应用在全球不同类型的项目上

插件种类

jQuery UI 插件

1、jQuery表单验证插件——Validation

2、jQuery表单插件——Form

3、动态绑定事件插件——livequery

4、管理Cookie的插件——Cookie

jQuery的UI插件

1、jQuery UI 源自于jQuery  Interface插件

2、Interface插件由Stefan Petre创建

3、Paul Bakaus等人对Interface大部分基于jQuery1.2的API进行了重构,发布了1.5版本,并更名为jQuery UI

4、jQuery UI由交互、微件和效果库三部分组成

引用

要在web应用中使用jQueryUI库,需要先引入基础的UI库文件包括:

jquery-1.9.1.js

jquery-ui-1.10.1.custom.js

jquery-ui-1.10.1.custom.css

对话框

Dialog[对话框组件]

dialog只要用于构建页面的弹出框效果,添加弹出框样式。

tabs基础语法:$(控件). dialog([options]);

Dialog的options选项

jQuery基础总结--jQuery插件上(八)

jQuery基础总结--jQuery插件上(八)

Dialog所包含的方法

dialog()函数也有destroy、disable、enable、option方法。

除此以外还包含如下方法:

$(控件).dialog("close");// 关闭对话框

$(控件).dialog("isOpen");// 判断对话框是否打开

$(控件).dialog("moveToTop");// 将对话框置顶

$(控件).dialog("open");// 打开对话框

Dialog所包含的事件

focus事件:类型:dialogfocus,当对话框获得焦点时触发

open事件:类型:dialogopen,当对话框打开时触发

dragStart事件:类型:dialogdragstop,当开始拖动对话框时触发

drag事件:类型:dialogdrag,当拖动对话框时触发

dragStop事件:类型:dialogdragstop,当停止拖动对话框时触发

resizeStart事件:类型:dialogresizestart,当开始调整大小时触发

resize事件:类型:dialogresize,当调整大小时触发

resizeStop事件:类型:dialogresizestop,当结束调整大小时触发

beforeclose事件:类型:dialogbeforeclose,当试图关闭时触发,如果要阻止关闭,则在函数中返回false

close事件:类型:dialogclose,当关闭对话框时触发

未完待续...

下篇传送阵:jQuery基础总结–jQuery插件下(九)

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

发表评论

gravatar

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

目前评论:7   其中:访客  7   博主  0

  1. avatar 雨人博客 0

    非常感谢整理,最近正好在做 dialog…

  2. avatar 李阳博客 0

    Jquery是个强大的工具

  3. avatar 大学问社区 3

    来学习下,好专业!

  4. avatar 产融贷p2p理财 3

    刚好需要这个,谢谢!

  5. avatar 好文推荐 4

    每天都坚持分享原创、不容易

  6. avatar 何湘辉博客 2

    不错,平时用jq不会的地方都是直接百度 :smile:

  7. avatar 经典博客 0

    学术型博客,领教学习了

评论加载中...