一起学习网 一起学习网

jQ函数after、append、appendTo的区别与详细解析

1、after函数
定义和用法:
after() 方法在被选元素后插入指定的内容。
语法:
$(selector).after(content)

举例:$('span').after('<a>这是after函数加上去的内容</a>')

如果:<span>这是span里的内容</span><a>这是after函数加上去的内容</a>

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


2、append函数
定义和用法:
append() 方法在被选元素的结尾(仍然在内部)插入指定内容。
语法:
$(selector).append(content)

举例:$('span').append('<a>这是append函数加上去的内容</a>')

如果:<span>这是span里的内容<a>这是append函数加上去的内容</a></span>

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


3、appendTo函数
定义和用法:
appendTo() 方法在被选元素的结尾(仍然在内部)插入指定内容。
语法:
$(content).appendTo(selector)

举例:$('<a>这是appendTo函数加上去的内容</a>').appendTo('span')

如果:<span>这是span里的内容<a>这是appendTo函数加上去的内容</a></span>

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

效果和append函数是一样, 可以理解为一个是在容器里加上内容,一个是把内容加到容器,效果一致