jQuery元素添加

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>