2013年8月15日 星期四

[jQuery] 動態新增_Dynamic add (.append(), .prepend(), .appendTo(), .before(), .after())

.append() 

jQuery用來動態新增元素的方法,其原理為將新的元素加在指定區塊的最後


.prepend()

將新的元素加在指定區塊的最前



實作範例:



.before() 及 .after()


同樣是將新元素加入指定區塊的前後,.after()與.append()不同的是 .append()是將元素加入指定區塊內的最後,而.after()則是加入指定區塊外的最後,同理可推得.before() 如下圖所示:
實作範例:


.appendTo() 

將A元素的值加入B元素中

實作範例:

參考文件:
[1] http://api.jquery.com/category/manipulation/dom-insertion-inside/

沒有留言:

張貼留言