Jquery append最

append() 方法是 jQuery 中的一個函式,它允許你向被選元素的結尾添加內容。這個內容可以是 HTML 字元串、元素、數組或 jQuery 對象。

下面是一個簡單的例子,展示了如何使用 append() 方法向一個元素添加內容:

$(document).ready(function() {
  $("#parent").append("<p>這是一個新的段落。</p>");
});

在這個例子中,當頁面載入完畢後,它會向 id="parent" 的元素中添加一個新的段落元素。

如果你想要向多個元素添加內容,你可以使用 jQuery 的選擇器來選擇多個元素,然後對它們進行 append()

$(document).ready(function() {
  $("#parent1, #parent2").append("<p>這是一個新的段落。</p>");
});

在這個例子中,它會向 id="parent1"id="parent2" 的兩個元素中都添加一個新的段落元素。

你也可以使用 append() 方法來向元素添加多個元素或 HTML 片段:

$(document).ready(function() {
  $("#parent").append("<p>這是一個新的段落。</p>", "<div>這是一個新的div。</div>");
});

在這個例子中,它會向 id="parent" 的元素中添加一個段落和一個 div 元素。

如果你有一個 jQuery 對象,你也可以使用 append() 方法來向元素添加內容:

$(document).ready(function() {
  var $newElement = $("<p>這是一個新的段落。</p>");
  $("#parent").append($newElement);
});

在這個例子中,$newElement 是一個新的 jQuery 對象,它代表了一個段落元素。然後,我們將這個 jQuery 對象作為參數傳遞給 append() 方法,這樣就可以將這個段落元素添加到 id="parent" 的元素中了。