jquery中append和appendto的用法和区别

 

append

 

向每个匹配的元素内部追加内容。

 

1、通用用法

 

语法：

$(selector).after(content)

 

2、使用函数在指定元素的结尾插入内容。

 

语法

$(selector).append(function(index,html))

 

参数	描述
function(index,html)	必需。规定返回待插入内容的函数。 index - 可选。接收选择器的 index 位置。 html - 可选。接收选择器的当前 HTML。

 

实例

 

页面一段HTML代码

<p>I would like to say: </p>   

 

jquery脚本

<script type="text/javascript" language="javascript">  
$(document).ready(function(){  
        $("p").append("<b>Hello</b>");   
 
})  
</script>

 

将返回[ <p>I would like to say: <b>Hello</b></p> ]

 

 

appendTo

把所有匹配的元素追加到另一个指定的元素元素集合中。

 

语法：

$(selector).append(content)

 

append与appendTo的区别

append()前面是要选择的对象，后面是要在对象内插入的元素内容
appendTo()前面是要插入的元素内容且为Jquery对象，而后面是要选择的对象，效果和append函数是一样，只不过它们的写法是反着来写的而已

 

 

文章转载自：      jquery中append和appendto的区别         http://www.studyofnet.com/news/225.html