jquery 怎麼替換標籤的內容

對於 jQuery 來說，替換標籤的內容非常簡單。你可以使用以下兩個方法：.html() 和 .text()。

1. 使用 .html() 方法

.html() 方法可以用來取代 HTML 元素中的 HTML 內容。它的用法很簡單，只需要傳入要替換的內容。例如，如果你想把一個id 為"myDiv" 的div 元素中的內容替換為"Hello, world!"，你可以這樣寫：

$("#myDiv").html("Hello, world!");

2. 使用.text() 方法

.text() 方法和.html() 方法類似，不同的是它用來取代元素中的文字內容，而不是HTML 內容。例如，如果你想把一個id 為"myDiv" 的div 元素中的內容替換為"Hello, world!"，你可以這樣寫：

$("#myDiv").text("Hello, world!");

需要注意的是，如果你要替換的內容是HTML 程式碼，那你應該使用.html() 方法。否則，如果你要替換的內容只是純文本，那麼你應該使用 .text() 方法。

範例示範：

HTML 程式碼：

<div id="myDiv">
    <p>这是一个段落。</p>
</div>

JavaScript 程式碼：

// 使用 .html() 方法替换 HTML 内容
$("#myDiv").html("
Hello, world!
");

// 使用 .text() 方法替换文本内容
$("#myDiv").text("Hello, world!");

以上程式碼會把div 元素中的內容替換為"Hello, world !"。第一個範例使用 .html() 方法取代了 div 元素中的 HTML 內容，第二個範例使用 .text() 方法取代了 div 元素中的純文字內容。

總結：

透過使用 .html() 和 .text() 方法，你可以輕鬆地取代 HTML 元素中的內容。如果你需要替換的是 HTML 程式碼，那麼應該使用 .html() 方法；如果你需要替換的只是純文本，那麼應該使用 .text() 方法。

以上是jquery 怎麼替換標籤的內容的詳細內容。更多資訊請關注PHP中文網其他相關文章！