jQuery是一個(gè)流行的JavaScript庫，它不僅可以用于簡(jiǎn)化DOM操作還可以幫助開發(fā)者構(gòu)建交互式網(wǎng)頁。其中一個(gè)非常有用的功能是在網(wǎng)頁中插入和替換HTML元素。在本篇文章中，我們將會(huì)介紹如何使用jQuery返回新的HTML，以及如何將新的HTML渲染到網(wǎng)頁中。

// 創(chuàng)建一個(gè)新的元素<p>，并添加文本
var newElement = $("<p>這是一個(gè)新的HTML元素</p>");
// 將新元素添加到現(xiàn)有元素中
$("#existing-element").append(newElement);
// 修改現(xiàn)有元素
$("#existing-element").html("<p>這是新的HTML代碼</p>");

這三行代碼非常簡(jiǎn)單，并且非常有用。第一行中，我們創(chuàng)建了一個(gè)新的元素，其中文本為“這是一個(gè)新的HTML元素”。我們將其存儲(chǔ)在變量newElement中，以便稍后使用。在第二行中，我們將新元素添加到具有id“existing-element”的現(xiàn)有元素中，這樣它就會(huì)顯示在該元素的最后面。最后，第三行將現(xiàn)有元素的HTML內(nèi)容替換為新的HTML代碼。

如果您想要從服務(wù)器或其他源動(dòng)態(tài)加載HTML代碼，jQuery也提供了一個(gè)非常有用的函數(shù)：load()。該函數(shù)允許您從指定的URL加載HTML內(nèi)容，并將其渲染到網(wǎng)頁中。以下是一些代碼示例：

// 加載指定URL的HTML內(nèi)容
$("#existing-element").load("https://example.com/new-html.html");
// 加載部分HTML代碼，而不是整個(gè)頁面
$("#existing-element").load("https://example.com/new-html.html #specific-element");
// 在加載完成后運(yùn)行回調(diào)函數(shù)
$("#existing-element").load("https://example.com/new-html.html", function() {
console.log("新HTML已加載");
});

在第一行中，我們加載了指定URL的整個(gè)HTML內(nèi)容，并將其渲染到具有id“existing-element”的元素中。在第二行中，我們從該URL中僅加載具有id“specific-element”的部分HTML代碼，并將其渲染到元素中。在第三行中，我們添加一個(gè)回調(diào)函數(shù)，該函數(shù)在新HTML加載完成后運(yùn)行，以便我們可以立即使用新內(nèi)容。這是非常有用的，因?yàn)榭梢栽谛聝?nèi)容加載后立即對(duì)其執(zhí)行其他操作。