jquery中append（）与appendto（）用法分析

本文实例分析了jquery中append（）与appendto（）的用法。分享给大家供大家参考。具体分析如下：
在jQuery的文档操作方法中，append（）和appentto（）方法执行的任务相同，但是两者也有区别。
1、append（）方法：在被选元素的结尾（但仍在元素内部）插入指定的内容。
a、语法：复制代码代码如下:$（selector）.append（content）;其中，参数content是必需的，指定要附加的内容。
b、append能够使用函数给被选元素附加内容，语法为：复制代码代码如下:$（selector）.append（function（index,html））;其中，function（）是必需的，参数index和html都是可选的。index表示接收选择器的index位置，html表示接收选择器的当前html。
例子：
复制代码代码如下:<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$（document）.ready（function（）{
$（"button"）.click（function（）{
$（"p"）.append（" <b>Hello jQuery！</b>"）;
}）;
}）;
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>在每个 p 元素的结尾添加内容</button>
</body>
</html>
运行结果如下：
This is a paragraph. Hello jQuery！
This is another paragraph. Hello jQuery！
2、appendto（）方法：在被选元素的结尾（但仍在元素的内部）插入指定的内容。但不能使用函数来附加内容。
语法：复制代码代码如下:$（content）.appendto（selector）;
例子：
复制代码代码如下:<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$（document）.ready（function（）{
$（"button"）.click（function（）{
$（"<b> Hello jQuery！</b>"）.appendTo（"p"）;
}）;
}）;
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>在每个 p 元素的结尾添加内容</button>
</body>
</html>
运行结果如下：
This is a paragraph. Hello jQuery！
This is another paragraph. Hello jQuery！
希望本文所述对大家的jQuery程序设计有所帮助。