使用jquery的append和remove实现:页面中1个按钮,点击按钮添加一个相同的按钮;同时删除原来的按钮
时间: 2024-02-22 22:56:08 浏览: 64
Jquery元素追加和删除的实现方法
可以使用以下代码实现:
```javascript
// 获取按钮元素
var $button = $('#button');
// 绑定点击事件
$button.on('click', function() {
// 创建一个新按钮元素
var $newButton = $('<button>').text('按钮');
// 将新按钮添加到页面中
$button.after($newButton);
// 删除原来的按钮
$button.remove();
});
```
这段代码中,我们首先获取了页面中的按钮元素,并绑定了点击事件。当按钮被点击时,我们创建一个新的按钮元素,并使用 `after` 方法将其添加到原来按钮的后面。然后,我们使用 `remove` 方法删除原来的按钮元素。这样就实现了添加一个相同按钮并删除原来按钮的效果。
阅读全文