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

  • A+
所属分类: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插件下(九)

发表评论

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

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

    • avatar 雨人博客 0

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

      • avatar 李阳博客 0

        Jquery是个强大的工具

        • avatar 大学问社区 3

          来学习下,好专业!

          • avatar 产融贷p2p理财 2

            刚好需要这个,谢谢!

            • avatar 好文推荐 4

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

              • avatar 何湘辉博客 2

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

                • avatar 经典博客 0

                  学术型博客,领教学习了