📌 相关文章
- jQuery UI 可排序的 destroy() 方法(1)
- jQuery UI 可排序的 destroy() 方法
- jQuery UI 菜单 destroy() 方法
- jQuery UI 菜单 destroy() 方法
- jQuery UI 菜单 destroy() 方法(1)
- jQuery UI 菜单 destroy() 方法(1)
- jQuery UI 对话框 destroy() 方法(1)
- jQuery UI 对话框 destroy() 方法
- jQuery UI 对话框 destroy() 方法
- jQuery UI 控件组 destroy() 方法(1)
- jQuery UI 控件组 destroy() 方法
- jQuery UI Datepicker destroy() 方法(1)
- jQuery UI Datepicker destroy() 方法
- jQuery UI 手风琴 destroy() 方法
- jQuery UI 手风琴 destroy() 方法(1)
- jQuery UI 手风琴 destroy() 方法
- jQuery UI 手风琴 destroy() 方法(1)
- jQuery UI 可拖动的 destroy() 方法(1)
- jQuery UI 可拖动的 destroy() 方法
- jQuery UI 可选的 destroy() 方法
- jQuery UI 可选的 destroy() 方法(1)
- jQuery UI Slider destroy() 方法
- jQuery UI Slider destroy() 方法
- jQuery UI Slider destroy() 方法(1)
- jQuery UI Slider destroy() 方法(1)
- jQuery UI 可调整大小 destroy() 方法
- jQuery UI 可调整大小 destroy() 方法
- jQuery UI 可调整大小 destroy() 方法(1)
- jQuery UI 可调整大小 destroy() 方法(1)
📜 jQuery UI 按钮 destroy() 方法(1)
📅 最后修改于: 2023-12-03 15:02:12.684000 🧑 作者: Mango
jQuery UI 按钮 destroy() 方法介绍
简介
destroy() 方法是 jQuery UI 按钮组件提供的一个方法，用于销毁一个已实例化的按钮组件。当不再需要某个按钮组件时，可以使用 destroy() 方法将其销毁，以释放绑定的事件、解除样式等。
语法
$( ".selector" ).button( "destroy" );
参数
- 无参数。
返回值
- 返回 jQuery 对象。
示例
以下是 destroy() 方法的一个简单示例：
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>jQuery UI 按钮 destroy() 方法示例</title>
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script>
$(function() {
$( "#my-button" ).button();
$( "#destroy-button" ).click(function() {
$( "#my-button" ).button("destroy");
});
});
</script>
</head>
<body>
<button id="my-button">我是一个按钮</button>
<button id="destroy-button">销毁按钮</button>
</body>
</html>
运行效果如下：
点击“销毁按钮”按钮后，原来的按钮组件被销毁了，无法再次点击并显示效果。
注意事项
- 销毁按钮组件后，按钮的样式和行为将回归到原始状态，无法再次使用
button()方法进行实例化。 - 销毁按钮组件后，需要重新创建才能使用，使用
button()方法对元素进行新的实例化即可。 - 如果一个页面中存在多个按钮组件，需要使用不同的 ID 对其进行区分，否则可能会出现意料之外的行为。