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);}