30、jQuery UI 插件使用全攻略

jQuery UI 插件使用全攻略

1. jQuery UI 插件初始化特殊情况及要点

在使用 jQuery UI 插件时，存在一些特殊情况。当调用 .dialog() 方法时，被调用的元素会获得 ui-dialog-content 类，并且会被包裹在一个带有 ui-dialog 类的生成元素中。另一个特殊情况是，在文本输入框上调用 .datepicker() 时，输入框本身不会获得 ui-datepicker 类，但输入框获得焦点时出现的 <div> 会有 ui-datepicker 类。

在初始化 jQuery UI 插件时，需要牢记以下几点：
- 多元素初始化 ：如果在包含多个元素的集合上调用 jQuery UI 插件的初始化方法，该方法会对每个元素分别进行初始化。例如：

$('img').draggable();

等同于：

$('img').each(function() {
    $(this).draggable();
});

• 元素唯一初始化 ：每个 DOM 元素只能由每个 jQuery UI 插件初始化一次。后续的初