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"
的元素中了。