如何在 jQuery 中動態建立帶有屬性的 Div 元素？

在jQuery 中建立動態Div 元素

jQuery 是一個強大的JavaScript 框架，提供了一種便捷的方法來操作HTML 元素，包括創建新元素那些。本文解決如何使用 jQuery 將 div 元素新增至現有 HTML 結構中的問題。

答案：

自 jQuery 1.4 版本以來，自閉合元素可以使用大括號內指定的屬性建立。對於div 元素，可以使用以下語法：

jQuery('<div>', {
    id: 'some-id',
    class: 'some-class some-other-class',
    title: 'now this div has a title!'
}).appendTo('#mySelector');

在此範例中，ID 為“some-id”、類別為“some-class”和“some-other-”的div 元素類別” ，標題為「現在這個div 有標題了！ 」被建立。然後將其附加到ID 為「mySelector」的元素。

正如jQuery 文件中突出顯示的以及「jQuery 1.4 發布：您必須了解的15 個新功能」等文章中的範例，此方法提供了在jQuery 中以程式設計方式建立HTML 元素並為其賦予屬性的靈活方式。

以上是如何在 jQuery 中動態建立帶有屬性的 Div 元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！