《jQuery UI 开发指南》——2.3　tabs ()方法-白红宇

本节书摘来自异步社区《jQuery UI开发指南》一书中的第2章，第2.3节，作者：【美】Eric Sarrion 译者：罗晴明 ,包勇明更多章节内容可以访问云栖社区“异步社区”公众号查看。

tabs()方法可以按以下两种形式使用：

2.3.1　tabs (options)方法

tabs(options)方法声明把一个HTML元素（及其内容）当作选项卡来管理。options参数是一个对象，用来指定选项卡的外观及行为。options参数有不同类型的值，它们要么是直接用于管理选项卡，要么就是管理和选项卡有关的事件。

1．选项卡的外观和行为

表2-1描述了修改选项卡的外观和行为的选项。

2．管理与选项卡相关的事件

有些选项可用于管理选项卡，如选择、添加和删除选项卡。这些选项（表2-2列出的）接收event参数，随后的参数是发生事件的tab对象。这个tab对象由以下属性组成：

index，发生事件的选项卡的索引（0表示第一个选项卡）：

panel，对应选项卡内容的

元素。

2.3.2　tabs ("action", params)方法

和前面的tabs (options)方法不同，这个新形式的方法能在创建选项卡后修改选项卡的行为。

tabs ("action", params)方法允许通过JavaScript程序操作选项卡，比如选择、禁用、添加或者删除选项卡。第一个参数是一个字符串，指定是什么操作（例如，"add"表示添加选项卡），随后的是和这个操作有关的参数（例如，选项卡的索引）。

调用这些方法有时会引起一个和操作同名的事件发生（add事件由"add"这个操作触发）。这些在options中处理的事件已经讨论过了，表2-3列出了可以执行的操作。