用jq添加或移除div

问题分析：

1、删除：使用jQuery的remove方法。

2、添加：使用jQuery的append、after等多个方法，这些不同的方法是用来决定标签添加的相对位置。

举例如下：

以内部追加方法append为例。

添加DIV：

$('body').append('<div id="name">我是被添加的DIV标签</div>')

删除刚刚添加的DIV：

$('#name').remove()

1、首先jquery中有remove方法可以把元素从dom中删除

2、想要获取到添加的元素，那就得在添加完成之后获取添加的元素，然后执行remove方法就会删除掉添加的元素

写个例子

$('.fix').append('<span class=“box”></span>')//我添加了一个类名是box的span标签

$('.box').remove()//在之后我获取到改元素，执行remove方法，就会把类名是box的元素删掉

要注意类名是否重复，不能误删，如果是这种需求的话，可以像这样试一下

添加删除是一项基本功能，下面就来看一下jquery怎么在图片上添加删除按钮。

设备：联想电脑

系统：xp

软件：jQuery2019

1、首先写一个HTML架构，如图所示代码。

2、新建一个div，div中包裹着一个img标签，视为图片。

3、再次书写一个div，之后会赋予点击事件。

4、然后使用onclick函数进行点击时间的绑定，如图所示。

5、引入jquery.js，之后使用其中的函数。

6、最后编写addButton方法，这样一切就完成了。

---