如何使用 jQuery 動態建立具有特定屬性的 DIV 元素？

使用 jQuery 動態產生 DIV 元素

使用 jQuery 動態建立 DIV 元素是一個簡單的過程。

語法

As從jQuery 版本1.4 開始，您可以使用以下指令建立具有特定屬性的DIV 元素語法：

jQuery('<div>', {
    attribute1: 'value1',
    attribute2: 'value2',
    ...
}).appendTo('#mySelector');

屬性

此語法可讓您直接指定DIV 元素的屬性。以下是範例：

jQuery('<div>', {
    id: 'my-unique-id',
    class: 'container small-padding',
    title: 'This is my custom DIV'
}).appendTo('#main-content');

附加到DOM

appendTo() 方法將新建立的DIV 元素作為指定選擇器的子元素加入DOM，在本例中為# main-內容。

文件和範例

您可以在以下位置找到有關此功能的更多詳細資訊jQuery 文件.

有關如何使用jQuery 文件

.有關如何使用jQuery 動態建立和操作元素的更多範例，請參閱「jQuery 1.4 發布：您必須了解的15 個新功能」等文章。

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