Javascript Jquery:prepend（）VS before（）和append（）VS after（），what'；他们之间有什么不同？_Javascript_Jquery_Html

Javascript Jquery:prepend（）VS before（）和append（）VS after（），what'；他们之间有什么不同？

javascript jquery html

Javascript Jquery:prepend（）VS before（）和append（）VS after（），what'；他们之间有什么不同？,javascript,jquery,html,Javascript,Jquery,Html,为什么下面的代码不起作用，但在我使用before（）和after（）替换prepend和append之后它会起作用 <!DOCTYPE html> <html> <head> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("#btn1")

为什么下面的代码不起作用，但在我使用

before（）

和

after（）

替换prepend和append之后它会起作用

<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#btn1").click(function(){
    $("img").prepend("<b>Before</b>");
  });

  $("#btn2").click(function(){
    $("img").append("<i>After</i>");
  });
});
</script>
</head>

<body>
<img src="/images/logo.png" >
<br><br>
<button id="btn1">Insert before</button>
<button id="btn2">Insert after</button>
</body>
</html>

Thanks,
Ethan


$（文档）.ready（函数（）{
$（“#btn1”）。单击（函数（）{
$（“img”）。前置（“之前”）；
});
$（“#btn2”）。单击（函数（）{
$（“img”）。追加（“之后”）；
});
});



插入之前
插入后面
谢谢
伊桑
该
是一个空标记，这意味着不能添加任何内容。因此，您需要在它之前或之后插入新的HTML。这就是为什么append（）
和prepend（）
都不起作用，但是before（）
起作用，因为它将内容放在
你好，世界！
你好，世界普拉文
你好：
你好，世界！

希望以上内容能让您对这三个函数有更清晰的认识。
因为prepend试图将它放在所有内容之前的标记中，而before（）
将它放在标记之前。非常感谢，Praveen。我现在很清楚。@Ethan请单击我答案旁边的勾号按钮接受它。现在，谢谢，L。
<!-- Our Target -->
<div class="myDiv">Hello, World!</div>

<!-- Prepend("Hi: ") -->
<div class="myDiv">Hi: Hello, World!</div>

<!-- Append(" - Praveen ") -->
<div class="myDiv">Hello, World! - Praveen</div>

<!-- Before("Hi:) -->
Hi:
<div class="myDiv">Hello, World!</div>