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函数是一样, 可以理解为一个是在容器里加上内容,一个是把内容加到容器,效果一致