jquery 向DIV动态添加元素

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

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

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

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

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

使用attr()或prop()方法为id属性赋值即可，关键代码

$(obj_div).attr('id',id_name)

$(obj_div).prop('id',id_name)

实例演示如下：点击按钮设置div标签的id为test，为了便于观察效果，css中设置了id为test的样式为红色

1、HTML结构

<style>

#test{color:red !importantfont-weight:bold}

</style>

<div>我是示例DIV</div>

<input type="button" value="设置上一个div的id为test">

2、jquery代码

$(function(){

$("input:button").click(function() {

$(this).prev("div").attr("id","test")

})

})

你好！

根据描述，需求是：给div.spotlight-group下的img元素外层包裹一个<a>标签，并且它的href属性与img的src属性相同。

可以使用jQuery的wrap包裹函数进行 *** 作。

希望对你有帮助！

---