2009年12月5日 星期六

jQuery筆記(1)--append()

append()方法是將字串資料、元素或物件依附在選定的wrapped set,範例:
$("#block").append("Hello!!");
上述作用為將字串Hello!!放在id為block的元素內容後面。

$("#block").append($("a.Hlink"));
上述作用為將具有類別名稱為Hlink的‹a›‹/a›資料(tag及文字所有內容)放在id為block的元素內容後面。

重點:當目的地(#block)有多個的時候,append source的元素將停留原地,並以複本附加於各目的地元素內容後。若目的地(#block)只有一個時,append source的元素將直接移動至目的地元素內容後。

appendTo(target):將選定的wrapped set依附在指定的targer(字串或元素)內容後。
$("‹p›test‹/p›").appendTo("#block p");
上述作用為將‹p›test‹/p›內容上在id為block元素裡p元素內容後面。

$("#flower").appendTo("#block p");
上述作用為將id為flower的元素內容,放在id為block元素裡p元素內容後面。
重點:目的地的多個或單個,決定source是移動或複製。

prepend(),prependTo(),insertAfter(),after(),insertBefore(),before()運作方式類似!!