用jq添加或移除div_IT百科

问题分析：

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

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

举例如下：

以内部追加方法append为例。

添加DIV：

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

删除刚刚添加的DIV：

$('#name').remove()

1、新建HTML文件。

2、引入jquery.min.js文件。

3、创建div和按钮并添加class样式。

4、接下来需要创建css样式。

5、创建js点击事件。

6、当点击按钮移除div元素。

7、点击按钮效果如图所示。

扩展资料

1、<body></body>所有div应该都放在body里面应该这个才是内容区你把他们反正不是头和内容直接，网页解析肯定会出错的。

2、样式区域<style> 在里面必须加上type="text/css"这样才能搞错浏览器这部分为CSS样式部分，用CSS去解析而不是HTML。

3、内容区镶套了大量的多余DIV这属于多DIV症，这样会导致页面镶套混乱，然后加上你的那多浮动会出现做迷藏事件。

4、浮动后没有清楚浮动这样会产生很多的影响。

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

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

写个例子

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

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

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

欢迎分享，转载请注明来源：内存溢出

用jq添加或移除div