append的用法
这个方法的意思是在选中目标的结尾插入内容。举个例子:
<p>hello</p>
如果执行下面这个插入语句,上面的语句会变成什么样子
$("p").append("<b>world</b>")
执行了这个插入语句会变成
<p>hello<b>world</b></p>
也就是说,在插入的结尾标签前插入此内容。
prepend的用法。
顾名思义,跟上面一种用法相反,就是在标签开始的地方插入内容。
还是以上面第一段代码为例子。
$("p").prepend("<b>world</b>")//插入语句
<p><b>world</b>hello</p>//结果
after的用法
这个语句的用法就是在被选元素之后插入内容。
同样以上面的为例子。
$("p").after("<b>world</b>")//插入语句
<p>hello</p><b>world</b>//结果
在选中标签后面插入内容
before的用法
跟after相反,在标签前面插入内容
$("p").before("<b>world</b>")//插入语句
<b>world</b><p>hello</p>//结果
下面把这四种用法的代码放在一块,更容易理解。
<p>hello</p>
$("p").append("<b>world</b>")使用append插入
<p>hello<b>world</b></p>//显示结果
$("p").prepend("<b>world</b>")//使用prepend插入
<p><b>world</b>hello</p>//显示结果
$("p").after("<b>world</b>")//使用after插入语句
<p>hello</p><b>world</b>//显示结果
$("p").before("<b>world</b>")//使用before插入语句
<b>world</b><p>hello</p>//显示结果
网友回复
为啥windows.onerror捕获js错误是这样的{"message":"Script error.","source":"","lineno":0,"colno":0,"stack":null,
2026年ai将全面接管编程?
WebMCP是干啥的?
电商系统架构中订单状态机如何设计?
为啥SQLite+Turso组合干过mysql?
国内大模型是否蒸馏国外最新大模型进行追赶?
如何用ai做商场户外大屏的裸眼3d视频?
未来ai会直接根据需求直接编写二级制机器码而非人类可懂的代码?
iframe如何将js错误发送到父窗口处理?
three如何驱动一个三维人物的头部做出任何表情(眨眼睛、张嘴、摇头点头等)?


