JQUERY给DIV追加元素的几种方法

在做网站时，有时需要使用JQUERY给DIV追加元素。由于不同位置追加元素的代码不一样，下面学做网站论坛总结一下JQUERY给DIV追加元素的几种方法。

append() 方法

append()方法在被选元素的结尾（在内部）插入指定内容。

$("p").append(" <b>Hello world!</b>");

appendTo() 方法

appendTo() 方法在被选元素的结尾（在内部）插入指定内容，与append()方法作用一样。

$("<b>Hello World!</b>").appendTo("p");

prepend() 方法

prepend() 方法在被选元素的开头（在内部）插入内容。

$("p").prepend("Some prepended text.");

after() 方法

after() 方法在被选元素之后（在外面）插入内容。

$("p").after("<p>Hello world!</p>");

before() 方法

before() 方法在被选元素之前（在外面）插入内容。

$("img").before("Some text before");

还可以使用FOR循环进行动态变化的元素的追加；

<script>

//循环追加动态元素

var nll= $('.topnav>li').length;

for(var i=1;i<=nll;i++){

$('.topnav>li:nth-child('+i+')>a').append(i);

}

</script>

wrap() 方法

wrap() 方法可以给某个元素添加父元素包裹。

$(".ftmeau a").wrap('<span>');

除了使用JQUERY追加元素之外，还可以使用CSS3中的before和after伪类来追加素材；

.topnav li:nth-child(1) a:before{content:url(images/iconnav01.png);}