Javascript 从textarea追加值

我正在使用Jquery/javascript。我试图使用textarea的值来附加div。但是当我使用Jquery执行此操作时，它会附加（我想），但只显示变量名。为什么会发生这种情况

$（文档）.ready（函数（）{
$（“#文本框”）。单击（函数（事件）{
if（event.which=13）{
if（$（'#enter'）.prop（“选中”））{
$（'#文本框'）.val（''）；
event.preventDefault（）；
}		
}
$（“#发送”）。单击（函数（）{
var userMessage=$（'#textbox'）.val（）；
$（'#文本框'）.val（''）；
$（“#容器”）.append（“userMessage”）；
});
});
});
*{
填充：0；
保证金：0；
}
身体{
背景：#eee；
}
#容器{
宽度：600px；
高度：500px；
背景：#fff；
边框：1px纯黑；
保证金：0自动；
}
#控制{
保证金：0自动；
宽度：600px；
}
#文本框{
调整大小：无；
宽度：540px；
}
#发送{
宽度：50px；
高度：30px；
边际上限：0px；
位置：绝对位置；
}

发送



输入时发送
Close-在
userMessage
周围没有引号，因此不要使用
append（“userMessage”）
而使用：

$('#container').append(userMessage);

关闭-在
userMessage
周围没有引号，因此不要使用
append（“userMessage”）
而使用：

$('#container').append(userMessage);

$（文档）.ready（函数（）{
$（'#textbox'）.keydown（函数（事件）{
if（event.which==13&&$（'#enter'）.prop（“checked”）==true）{
$（'#container'）.append（
“+$（'#textbox'）.val（））；
$（'#文本框'）.val（''）；
event.preventDefault（）；
}
});
$（“#发送”）。单击（函数（）{
var userMessage=$（'#textbox'）.val（）；
$（'#文本框'）.val（''）；
$（“#容器”）.append（“
”+userMessage）；
});
});
$（文档）.ready（函数（）{
$（'#textbox'）.keydown（函数（事件）{
if（event.which==13&&$（'#enter'）.prop（“checked”）==true）{
$（'#container'）.append（
“+$（'#textbox'）.val（））；
$（'#文本框'）.val（''）；
event.preventDefault（）；
}
});
$（“#发送”）。单击（函数（）{
var userMessage=$（'#textbox'）.val（）；
$（'#文本框'）.val（''）；
$（“#容器”）.append（“
”+userMessage）；
});
});
谢谢，我也像你在sublime上做的那样，在chrome上检查过，事情就是这样发生的？>打开我提供的代码笔-你还看到这个问题吗？你的图像中的css似乎关闭了。我只是在sublime上遇到了这个问题，但下面的代码解决了这个问题。谢谢，我也像你在sublime上做的那样，在chrome上检查了一下。事情是这样发生的？>打开我提供的代码笔-你还看到这个问题吗？你的图像中的css似乎关闭了。我刚刚在sublime上遇到了这个问题，但下面的代码解决了这个问题。谢谢你，伙计。现在我的头痛消失了。谢谢你，伙计。现在我的头痛消失了。