jQuery基础总结–jQuery插件下(九)

上篇传送阵jQuery基础总结–jQuery插件上(八)

微件

相同类别的一组或多组数据使用选项卡方式在页面进行显示。

Tabs[选项卡组件]

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

注意:在使用jQuery微件组件时,需要引入其基础的样式库jquery-ui-1.10.1.custom.css

Tabs的options选项

jQuery基础总结--jQuery插件下(九)

jQuery基础总结--jQuery插件下(九)

Tabs所包含的方法

$(控件). tabs(“disable”); // 禁止选项卡功能

$(控件). tabs("enable");// 激活选项卡功能

$(控件). tabs("destory");// 完全删除选项卡功能

$(控件). tabs("option", name[, value]);// 获取/设置属性值

Tabs所包含的事件

select事件:类型:tabsselect,当单击选项卡时触发

load事件:类型:tabsload,当加载远程选项卡内容时触发

show事件:类型:tabsshow,当显示一个选项卡时触发

add事件:类型:tabsadd,当添加一个选项卡时触发

remove事件:类型:tabsremove,当移出一个选项卡时触发

enable事件:类型:tabenable,当激活一个选项卡时触发

disable事件:类型:tabsdisable,当禁用一个选项卡时触发

鼠标交互

Draggables[鼠标拖拽]

文件载入后,可以拖拽class=”block”的层。

语法:$(控件).draggables([options]);

Draggables的options选项

jQuery基础总结--jQuery插件下(九)

jQuery基础总结--jQuery插件下(九)

Draggables所包含的方法

$(控件).draggable("disable"); // 禁止其拖动功能

$(控件).draggable("enable");// 激活其拖动功能

$(控件).draggable("destory");// 完全删除拖动功能

$(控件).draggable("option", name[, value]);// 获取/设置属性值

Draggables所包含的事件

start事件:类型:dragstart,当开始拖动时触发

drag事件:类型:drag,当拖动过程中移动鼠标时触发

stop事件:类型:dragstop,当停止拖动时触发

jQuery其他UI组件

Draggable 拖动组件          Droppable 投放组件

Resizable 缩放组件            Selectable 选择组件

Sortable 排序组件              Button 按钮组件

Dialog 对话框组件              Accordion 折叠面板组件

Progressbar 进度条组件    Slider 滑块组件

Datepicker 日期选择器组件

Autocomplete 自动完成组件

jQuery其他插件

jQuery表单验证插件——Validation

jQuery表单插件——Form

动态绑定事件插件——livequery

管理Cookie的插件——Cookie

未完待续...

下篇传送阵:jQuery基础总结–JSON(十)

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

支付宝扫一扫赞助

微信钱包扫描赞助

发表评论

gravatar

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

目前评论:2   其中:访客  1   博主  1

  1. avatar 新成博客 3

    看着就头疼

评论加载中...