jquery中的after、append、appendTo区别

1、after函数
定义和用法: after() 方法在被选元素后插入指定的内容。参考: http://keleyi.com/a/bjac/cfyxd60g.htm
语法: $(selector).after(content)


实例效果体验:http://keleyi.com/keleyi/phtml/jquery/13.htm


实例代码:



jquery的after函数实例-柯乐义





柯乐义,这是span里的内容,keleyi.com。原文



append函数 appendTo函数
结果如下:
柯乐义,这是span里的内容,keleyi.com。原文这是after函数加上去的内容

即:span标签后面多了一个a标签

2、append函数
定义和用法: append() 方法在被选元素的结尾(仍然在内部)插入指定内容。参考: http://keleyi.com/a/bjac/0vpch15n.htm
语法: $(selector).append(content)

实例效果体验: http://keleyi.com/keleyi/phtml/jquery/13a.htm

实例代码:


	jquery的append函数实例-柯乐义
	
	


	
柯乐义,这是span里的内容,keleyi.com。原文



after函数 appendTo函数
结果如下:
柯乐义,这是span里的内容,keleyi.com。原文这是after函数加上去的内容

即:span标签里面多了一个a标签


3、appendTo函数
定义和用法: appendTo() 方法在被选元素的结尾(仍然在内部)插入指定内容。参考: http://keleyi.com/a/bjac/opnw2awa.htm
语法: $(content).appendTo(selector)

实例效果体验: http://keleyi.com/keleyi/phtml/jquery/13b.htm

实例代码:


	jquery的appendTo函数实例-柯乐义

	
	


	
柯乐义,这是span里的内容,keleyi.com。原文



append函数 after函数
结果如下:
柯乐义,这是span里的内容,keleyi.com。原文这是after函数加上去的内容

即:span标签里面多了一个a标签

效果和append函数是一样,只不过它们的写法是反着来写的而已

appendTo函数的一个实际应用: http://keleyi.com/a/bjac/jp71q5jt.htm

你可能感兴趣的:(JQuery)