通过 jQuery,可以很容易地添加新元素/内容。
添加新的 HTML 内容
一共有四种方法:
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
以下为jQuery中append(),prepend()与after(),before()四个方法的区别
1、jQuery append () 方法
jQuery append() 方法在被选元素的结尾插入内容。
例如:
加之前:
加之后:
原始:
This is a paragraph.
append加完之后:
This is a paragraph. Appended text
append 新加内容在原内容P标签里面的后面
2、jQuery prepend() 方法
jQuery prepend() 方法在被选元素的开头插入内容。
例如:
加之前:
加之后:
原始:
This is a paragraph.
prepend 加完之后:
Prepend text This is a paragraph.
prepend 新加内容在原内容 P标签里面的前面
3、jQuery after() 方法
jQuery after() 方法在被选元素之后插入内容。
例如:
加之前:
加之后:
原始:
This is a paragraph.
after加完之后:
This is a paragraph.
Afterafter新加内容在原内容 P标签外面的后面
4、jQuery before () 方法
jQuery before() 方法在被选元素之前插入内容。
例如:
$("p").before("Before");
其代码结构为:
加之前:
加之后:
原始:
This is a paragraph.
before加完之后:Before
This is a paragraph.
before新加内容在原内容P标签外面的前面
好啦,这下记住啦,before after在外面加,append prepend 在里面加!
内容来源于网络如有侵权请私信删除