经过 jQuery,能够很容易地添加新元素/内容。app
一共有四种方法:spa
如下为jQuery中append(),prepend()与after(),before()四个方法的区别3d
一、jQuery append () 方法blog
jQuery append() 方法在被选元素的结尾插入内容。方法
例如:im
加以前:db
加以后:img
原始:<p>This is a paragraph.</p>dba
append加完以后:<p>This is a paragraph. <b>Appended text</b></p>标签
append 新加内容在原内容 P标签里面的后面
jQuery prepend() 方法在被选元素的开头插入内容。
例如:
加以前:
加以后:
原始:<p>This is a paragraph.</p>
prepend 加完以后:<p> <b>Prepend text</b> This is a paragraph. </p>
prepend 新加内容在原内容 P标签里面的前面
jQuery after() 方法在被选元素以后插入内容。
例如:
加以前:
加以后:
原始:<p>This is a paragraph.</p>
after加完以后:<p> This is a paragraph. </p> <b>After</b>
after新加内容在原内容 P标签外面的后面
jQuery before() 方法在被选元素以前插入内容。
例如:
$("p").before("<b>Before</b>");
其代码结构为:
加以前:
加以后:
原始:<p>This is a paragraph.</p>
before加完以后:<b>Before</b><p> This is a paragraph. </p>
before新加内容在原内容 P标签外面的前面
好啦,这下记住啦,before after在外面加,append prepend 在里面加!