jQuery操作文本：常用的方法有哪些？

<div id="content">
    <p>This is a text content.</p>
</div>

var textContent = $("#content").text();
console.log(textContent); // 输出：This is a text content.

var htmlContent = $("#content").html();
console.log(htmlContent); // 输出：<p>This is a text content.</p>

$("#content").text("New text content");
$("#content").html("<p>New HTML content</p>
                    <div class="aritcle_card">
                        <a class="aritcle_card_img" href="/xiazai/code/11185">
                            <img src="https://img.php.cn/upload/webcode/000/000/011/176526000884854.jpg" alt="动易网上商城管理系统 2006 Sp6 Build 1120 普及版">
                        </a>
                        <div class="aritcle_card_info">
                            <a href="/xiazai/code/11185">动易网上商城管理系统 2006 Sp6 Build 1120 普及版</a>
                            <p>将产品展示、购物管理、资金管理等功能相结合，并提供了简易的操作、丰富的功能和完善的权限管理，为用户提供了一个低成本、高效率的网上商城建设方案包含PowerEasy CMS普及版，主要功能模块：文章频道、下载频道、图片频道、留言频道、采集管理、商城模块、商城日常操作模块500个订单限制（超出限制后只能查看和删除，不能进行其他处理） 无订单处理权限分配功能（只有超级管理员才能处理订单）</p>
                            <div class="">
                                <img src="/static/images/card_xiazai.png" alt="动易网上商城管理系统 2006 Sp6 Build 1120 普及版">
                                <span>0</span>
                            </div>
                        </div>
                        <a href="/xiazai/code/11185" class="aritcle_card_btn">
                            <span>查看详情</span>
                            <img src="/static/images/cardxiayige-3.png" alt="动易网上商城管理系统 2006 Sp6 Build 1120 普及版">
                        </a>
                    </div>
                ");

$("#content").append(" Appended text");

$("#content").replaceWith("<div>New element content</div>");

$("#content").empty();