jQUery元素添加分为两种,一种是直接在元素内部添加,另外一种是在元素的外部进行添加。区别在于添加的位置不同,两者均可以在元素的前面或者后面进行添加;
一、内部添加
1、append(content|fn) :向每个匹配元素内部的末尾处插入内容;
2、prepend(content|fn) :向每个匹配元素内部的开始处插入内容;
示例:
<div id="contant">郑州</div>
<!--内部插入-->
<script>
$("#contant").prepend("<i>河南省</i>");//在元素前面插入
$("#contant").append("<b>大学</b>");//在后面插入
</script>
二、外部添加
常用的方法有在元素前面在外部插入、在元素的后面插入以及将元素在外部进行包围
after(content|fn) :向每个匹配的元素后插入内容;
before(content|fn) :向每个匹配的元素前插入内容;
wrap(html|ele|fn):把所有匹配的元素用其他元素的结构化标记包裹起来。
<b>郑州</b>
<!--外部插入-->
<script>
$("b").before("<i>河南省</i>");//在元素前面插入
$("b").after("<a href=‘http://www.baidu.com’>大学</a>");//在元素后面插入
</script>
<img src="img/jd.ico"/>
<script>
$("img").wrap("<a href=‘http://www.baidu.com’></a>");//在外部将元素包围
</script>