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

使用 jQuery 動態產生 DIV 元素

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

語法

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

jQuery('<div>', {
    attribute1: 'value1',
    attribute2: 'value2',
    ...
}).appendTo('#mySelector');<h3>屬性</h3>
<p>此語法可讓您直接指定DIV 元素的屬性。以下是範例：</p>
<pre class="brush:php;toolbar:false">jQuery('<div>', {
    id: 'my-unique-id',
    class: 'container small-padding',
    title: 'This is my custom DIV'
}).appendTo('#main-content');<h3>附加到DOM</h3>
<p>appendTo() 方法將新建立的DIV 元素作為指定選擇器的子元素加入DOM，在本例中為# main-內容。 </p>
<h3>文件和範例</h3>
<p>您可以在以下位置找到有關此功能的更多詳細資訊<strong>jQuery 文件</strong>.</p>
<p>有關如何使用jQuery 文件</p>.有關如何使用jQuery 動態建立和操作元素的更多範例，請參閱「jQuery 1.4 發布：您必須了解的15 個新功能」等文章。 </div>