教學 加入元素的方式

[ihstar]

• append() - 在被選擇的元素結尾插入內容
• prepend() - 在被選擇的元素開頭加入內容
• after() - 在被選擇動元素之後加入內容
• before() - 在被選擇的元素之前加入內容

依其以下的頁面表示來說

<p>這是一個原來的元素</p>

運行如下的append命令

$("p").append("<b>加入的元件</b>")

會產生如下的內容

<p>這是一個原來的元素<b>加入的元件</b></p>

運行如下的prepend命令

$("p").prepend("<b>加入的元件</b>")

會產生如下的內容

<p><b>加入的元件</b>這是一個原來的元素</p>

運行如下的after命令

$("p").after("<b>加入的元件</b>")

會產生如下的內容

<p>這是一個原來的元素</p><b>加入的元件</b>

運行如下的before命令

$("p").before("<b>加入的元件</b>")

會產生如下的內容

<b>加入的元件</b><p>這是一個原來的元素</p>