jQuery 插入prepend()与prependTo()
在元素内部进行操作的方法，除了在被选元素的结尾（仍然在内部）通过append与appendTo插入指定内容外，相应的还可以在被选元素之前插入，jQuery提供的方法是prepend与prependTo
选择器的描述：
下面我们来写一个实例来讲解，代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>prepend与prependTo</title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<ul>
<li id="li1">php 中文网</li>
<li id="li2">php.cn</li>
</ul>
<input type="button" id="ipt1" value="prepend">
<input type="button" id="ipt2" value="prependTo">
<script>
$("#ipt1").click(function(){
$('#li1').prepend("欢迎</br>");
})
$("#ipt2").click(function(){
$('#li2').prepend("欢迎</br>");
})
</script>
</body>
</html>注意：prepend()和.prependTo()实现同样的功能，主要的不同是语法，插入的内容和目标的位置不同
这里总结下内部操作四个方法的区别：
append()向每个匹配的元素内部追加内容
prepend()向每个匹配的元素内部前置内容
appendTo()把所有匹配的元素追加到另一个指定元素的集合中
prependTo()把所有匹配的元素前置到另一个指定的元素集合中
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>prepend与prependTo</title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<ul>
<li id="li1">php 中文网</li>
<li id="li2">php.cn</li>
</ul>
<input type="button" id="ipt1" value="prepend">
<input type="button" id="ipt2" value="prependTo">
<script>
$("#ipt1").click(function(){
$('#li1').prepend("欢迎</br>");
})
$("#ipt2").click(function(){
$('#li2').prepend("欢迎</br>");
})
</script>
</body>
</html>
