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

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

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

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

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

在第一行中，我們加載了指定URL的整個HTML內容，并將其渲染到具有id“existing-element”的元素中。在第二行中，我們從該URL中僅加載具有id“specific-element”的部分HTML代碼，并將其渲染到元素中。在第三行中，我們添加一個回調函數，該函數在新HTML加載完成后運行，以便我們可以立即使用新內容。這是非常有用的，因為可以在新內容加載后立即對其執行其他操作。