jQuery $(this).parent().append和$(this).after()的区别

Question

jQuery中写
$(this).parent().append($required) 产生的效果：

$(this).after($required) 产生的效果：

*的位置不同，但是firebug中显示的DOM结构是一样的
效果不同是为什么？

Answer 1

回车空格什么的会生成一个文本节点。
parent().append()会在最后一个子节点后边插入。
after()是直接在当前节点之后插入。

所以两种结果就不一样了。