如何用append连接html文件,jquery append()怎么用？

append()是jquery中的一个内置函数，用于在被选元素的结尾插入指定内容。下面本篇文章给大家介绍一下jquery append()方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

在jquery中，append()是追加方法，可以在被选中的元素后添加内容，属于在元素的内部添加。

注：append()方法的作用和appendTo()方法是相同的，但是语法是不同的，尽管语法形式一样。

基本语法结构：$(selector).append(content)

使用函数来附加内容

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

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

参数列表：参数描述

content指定被插入的内容，content的可能的值:

1.HTML 代码 - 比如 ("

2.已存在的元素 - 比如 ($(".div1"))。

3.function(index)函数 - 定义返回插入元素的函数，index参数接收选择器的索引位置。

selector要被插入内容的匹配元素

示例：

$(document).ready(function(){

$("#btn1").click(function(){

$("p").append(" 插入文本.");

});

$("#btn2").click(function(){

$("ol").append("

插入项");

});

});

这是一个段落。

这是另一个段落

1. 列表项 1
2. 列表项 2
3. 列表项 3

插入文本

插入列表项

效果图：

说明：

append(content)：方法在被选元素的结尾(仍然在内部)插入指定内容。有人会觉得append与html差不多，其它从英文意义上append是在原有基础上增加，而html中是替换当前所有内容。

简单来说就是append()方法是在元素列表添加某个元素，但是html()是替换元素中的数据。

更多web前端开发知识，请查阅 HTML中文网 ！！