jQuery after（）、append（）、before（）和prepend（）之间的差异

我已经将这些功能放在我的代码中，并分别制作了4个

按钮

s，用于测试每个按钮的功能。我的内容没有正确加载。附上代码以供参考

$（函数（）{
$（“#b1”）。单击（函数（）{
$（'.a'）。追加（'.c'）；
});
$（“#b2”）。单击（函数（）{
$（'.a'）。在（'.c'）之后；
});
$（“#b3”）。单击（函数（）{
$（'.a'）。前缀（'.c'）；
});
$（“#b4”）。单击（函数（）{
$（'.a'）。在（'.c'）之前；
});
});
.a{
背景颜色：绿色；
}
.b{
背景颜色：黄色；
}
c{
背景色：红色；
}

A.
B
after（）
将元素放在元素之后

before（）
将元素置于元素之前

append（）
prepend（）

.append（）
将数据放在元素的
最后一个索引中

.prepend（）
将前置元素置于
第一个索引中


$（函数（）{
$（“#b1”）。单击（函数（）{
$（'.a'）。追加（'.c'）；
});
$（“#b2”）。单击（函数（）{
$（'.a'）。在（'.c'）之后；
});
$（“#b3”）。单击（函数（）{
$（'.a'）。前缀（'.c'）；
});
$（“#b4”）。单击（函数（）{
$（'.a'）。在（'.c'）之前；
});
});
.a{
背景颜色：绿色；
}
.b{
背景颜色：黄色；
}
c{
背景色：红色；
}

A.
B
追加
之后
预编
在（“.selector”）之前（“yourData”）之后（

将在关闭所选元素的标记后添加
“yourData”

$（'.selector'）。在（'yourData'）之前

将在打开所选元素的标记之前添加
“yourData”
`

$（'.selector'）。追加（'yourData'）

将在关闭所选元素的标记之前添加
“yourData”

$（“.selector”）.prepend（“yourData”）

将在打开所选元素的标记后正确添加
“yourData”

您应该用
关闭
按钮
标记。文档非常全面、准确，并且包含示例，我建议您阅读它：，