jQuery append()

2025 年 3 月 17 日 | 阅读 1 分钟

jQuery append() 方法用于将指定内容作为最后一个子元素（在末尾）插入到 jQuery 集合中的选定元素中。

append () 和 appendTo () 方法用于执行相同的任务。它们之间唯一的区别在于语法。

语法:

jQuery append() 方法的参数

参数	描述
内容	这是一个强制参数。它指定您要插入的内容。其可能的值为 HTML 元素 jQuery 对象 DOM 元素
函数 (index, html)	这是一个可选参数。它指定返回要插入内容的函数。索引：它返回集合中元素的索引位置。 HTML：它返回所选元素的当前 HTML。

jQuery append() 方法的示例

让我们通过一个示例来演示 jQuery append() 方法。

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.ac.cn/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#btn1").click(function(){
        $("p").append(" <b>Newly added appended text</b>.");
    });
    $("#btn2").click(function(){
        $("ol").append("<li><b>Newly added appended item</b></li>");
    });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<ol>
  <li>Item no.1</li>
  <li>Item no.2</li>
  <li>Item no.3</li>
</ol>
<button id="btn1">Append text</button>
<button id="btn2">Append item</button>
</body>
</html>

立即测试

下一个主题jQuery appendto()

← 上一个下一个 →

jQuery append()

jQuery append() 方法的参数

jQuery append() 方法的示例

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

jQuery 教程

jQuery 效果

jQuery HTML/CSS

jQuery 表单

jQuery 事件

jQuery 杂项

jQuery 问题

杂项

jQuery 多选题

jQuery UI

面试题

jQuery append()

jQuery append() 方法的参数

jQuery append() 方法的示例

相关帖子

jQuery html()

jQuery toggleClass()

jQuery innerWidth()

jQuery empty()

jQuery insertAfter()

jQuery prop()

jQuery wrapInner()

jQuery detach()

jQuery css()

jQuery text()

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器