jquery 中有很多种追加元素的方法,今天就介绍几种最常用的,做个笔记,记录一下。
jQuery append() 方法
append():方法可以在被选元素的内部的结尾处插入内容
语法:
$(selector).append(content)
例:jq在元素内部的结尾处追加元素
代码:
我是原来的内容
飞鸟慕鱼博客
代码运行结果,如下图
注:
1、如果使用JS动态修改HTML元素后,只能在浏览器的控制台中查看
2、查看方法:浏览器 按 F12
jQuery prepend() 方法
jQuery prepend():方法在被选元素内部的起始位置插入内容
语法:
$(selector).prepend(content)
例:JQ在元素内部的开始位置追加HTML元素
代码:
我是原来的内容
飞鸟慕鱼博客
运行结果如下图:
jQuery before() 方法
jQuery before():方法在被选元素的前面插入元素,形成兄弟节点
语法:
$(selector).before(content)
例:jq在指定元素前面追加内容
代码:
我是原来的内容
飞鸟慕鱼博客
代码运行结果:
jQuery after() 方法
jQuery after():方法在被选元素的后面插入内容,形成兄弟节点的关系。
语法:
$(selector).after(content)
例:JQ在指定元素的后面插入内容
我是原来的内容
飞鸟慕鱼博客
代码运行结果: