在 jQuery UI 中,你可以使用小部件的方法来执行特定的操作或更改部件的状态。这些方法通常可以通过 jQuery 选择器选中元素后,通过调用相应的方法来应用到选中的元素。以下是一些常见的 jQuery UI 小部件方法的示例:

1. 初始化小部件:

在使用小部件之前,通常需要初始化它。这可以通过调用小部件的构造函数方法来实现。
// 初始化日期选择器
$("#datepicker").datepicker();

2. 销毁小部件:

有时候,你可能需要销毁小部件以释放资源。可以使用小部件的 "destroy" 方法来实现。
// 销毁日期选择器
$("#datepicker").datepicker("destroy");

3. 获取或设置选项:

你可以使用小部件的 "option" 方法来获取或设置特定选项的值。
// 获取日期选择器的当前日期
const currentDate = $("#datepicker").datepicker("getDate");

// 设置日期选择器的选项
$("#datepicker").datepicker("option", "dateFormat", "yy-mm-dd");

4. 打开或关闭小部件:

对于一些具有可见和不可见状态的小部件,你可以使用 "show" 和 "hide" 方法来控制其显示和隐藏。
// 打开对话框
$("#myDialog").dialog("open");

// 关闭对话框
$("#myDialog").dialog("close");

5. 刷新小部件:

有些小部件可能在页面上有动态变化,你可以使用 "refresh" 方法来刷新小部件。
// 刷新可调整大小的部件
$("#resizable").resizable("refresh");

6. 其他自定义方法:

一些小部件提供了额外的自定义方法,你可以在官方文档中查找到。例如,对于可拖动和可放置的小部件,你可以使用 "destroy" 方法销毁它们。
// 销毁可拖动小部件
$("#draggable").draggable("destroy");

// 销毁可放置小部件
$("#droppable").droppable("destroy");

以上是一些基本的示例,实际上每个小部件可能提供不同的方法。在使用时,请查阅相应小部件的官方文档,了解可用的方法以及它们的用法和参数。


转载请注明出处:http://www.zyzy.cn/article/detail/13041/jQuery UI