jQuery UI 控件组 destroy() 方法

在使用jQuery UI控件组时，我们可能需要在运行时销毁控件实例，这时就可以使用destroy()方法。

语法

$( ".selector" ).控件名称( "destroy" );

其中，.selector为控件元素选择器，控件名称为控件名称，如accordion、button等。

功能

该方法用于销毁控件实例，从而释放掉内存空间。调用该方法后，控件实例及其所绑定的事件处理器、DOM元素等将被清除。

示例代码

<div id="myAccordion">
  <h3>Section 1</h3>
  <div>
    <p>
      Paragraph 1
    </p>
  </div>
  <h3>Section 2</h3>
  <div>
    <p>
      Paragraph 2
    </p>
  </div>
</div>

$(function() {
  // 初始化Accordion控件
  $("#myAccordion").accordion();

  // 点击按钮销毁Accordion控件实例
  $("#destroyButton").click(function() {
    $("#myAccordion").accordion("destroy");
  });
});

注意事项

• 调用该方法后，控件实例及其所绑定的事件处理器、DOM元素等将被清除，无法再次使用该控件实例，除非重新初始化。
• 如果需要再次初始化该控件实例，应当使用refresh()方法而不是直接重新执行$(selector).控件名称(options)语句。
• 销毁控件实例前，应当确保不再需要该控件实例，否则会导致不必要的内存泄漏。