插入一个div作为另一个div的最后一个元素的简单Javascript

我用CSS而不是Javascript解决了我的问题，但我仍然很好奇为什么我不能用Javascript工作。我有一个购物车软件的输出：

<div id="form-login-remember" style="margin-bottom:5px;">
  <label for="modlgn_remember">Remember Me</label>
  <input id="modlgn_remember" type="checkbox" name="remember" class="inputbox" value="yes" alt="Remember Me">
</div>
<div id="submit-login-button" style="margin-bottom:5px;">
  <input type="submit" name="Submit" class="button" value="Login">
</div>

记得我吗

最初我让

和

都向左浮动，这导致下面的按钮元素在浮动的元素上向上滑动。我想使用javascript或jquery插入一个

作为上面列出的第一个div中的最后一个元素，

，以强制父div具有高度

我尝试了这些不同的方法，但都没有成功： 1.

jQuery（window）.load（函数（）{
$（“”）之后插入（“#modlgn_memory”）；
});

二,

jQuery（window）.load（函数（）{
$（“#表单登录名”）.append（“”）；
});

三,

var newDiv=''；
$（窗口）。加载（函数（）{
$（'#form login memory'）.append（newDiv）；
});

---

这三个都是在结束body标记之前插入到我的模板中的，我已经在使用jquery了，它们都是从我的页面头部链接的。我正在学习javascript，有人能指出我做错了什么吗？目前在该站点的上，我有选项#3仍处于活动状态，但它没有插入div以清除：两者…？

看起来您的问题不在于如何尝试附加div，而在于如何使用

加载

。您当前的代码会导致js错误。如图所示，jQuery的

load

用于（从服务器）检索数据并将其输出到所需的元素中

$（document）.ready（）

可能就是您要找的

---

下面是一个使用来自#3:

的代码（准备好文档）的工作示例，看起来问题不在于如何添加div，而在于如何使用

加载。您当前的代码会导致js错误。如图所示，jQuery的
load
用于（从服务器）检索数据并将其输出到所需的元素中

$（document）.ready（）
可能就是您要找的

下面是一个使用#3:
中的代码（document ready）的工作示例：
感谢大家的提醒，现在我理解了$（document）.ready（）函数和$（window）.load（）函数之间的区别。很抱歉，按enter键后，我还删除了var=newDiv，并直接插入了html字符串，结果成功了。以前，当我使用变量时，它会输出变量的字符串名，而不是div。感谢大家的提醒，现在我理解了$（document）.ready（）函数和$（window）.load（）函数之间的区别。很抱歉，按enter键后，我还删除了var=newDiv，然后直接插入html字符串，就成功了。以前，当我将它与变量一起使用时，它会输出变量的字符串名，而不是div。
<script>
jQuery(window).load(function() {
    $("<div style='clear:both;'></div>").insertAfter("#modlgn_remember");
});
</script>

<script>
jQuery(window).load(function() {
    $("#form-login-remember").append('<div style="clear:both;"></div>');
});
</script>

<script>

var newDiv = '<div style="clear:both;"></div>';

$(window).load(function() {
  $('#form-login-remember').append(newDiv);
});

</script>