用jq添加或移除div

问题分析：

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

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

举例如下：

以内部追加方法append为例。

添加DIV：

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

删除刚刚添加的DIV：

$('#name').remove()

$("input[type='button']").click(function() {

    var $ele = $("#id")// 选中你要添加div的位置元素的id

    $ele.before("<div></div>")// 在此元素前添加div

    $ele.after("<div></div>")// 在此元素后添加div

    $ele.append("<div></div>")// 在此元素内追加添加div

    //... 其他类似的添加也是大同小异，可以上w3school去学习下

})

1、通过jquery给元素动态添加样式运用addClass和removeClass即可。首先在html中准备jquery库文件，并且准备一个div元素，如下图所示。

2、然后在style标签里声明一个class样式，如下图所示。

3、接下来准备一个事件加载初始化的方法，在jquery中直接用匿名函数即可，如下图所示。

4、然后通过jquery的addClass方法给div元素添加一个class，如下图所示。

5、移除一个class的样式也很简单，如下图所示，通过removeClass即可。

---