在不降低性能的情况下多次附加相同的div

Question

美好的一天，我正试图用jquery制作一个太空船射击子弹的游戏。所有工作都很好，除非它发射多个子弹时性能变慢。我知道这是jquery .append()的问题，因为我在按下空格键时用它来生成项目符号。但我无法弄清楚如何解决这个问题。这些是子弹生成和动画的代码，

function generateBullet(objectid, bulletid, bulletclass, left, top) {
    var objectID = $('#' + objectid);
    var bulletID = bulletid;
    var bulletClass = bulletclass;
    var adjust_left = left;
    var adjust_top = top;
    var objectLeft = objectID.offset().left - adjust_left;
    var objectTop = objectID.offset().top - adjust_top;
    var appendingValue = "<div class="+bulletClass+" id="+bulletID+" style='left: "+objectLeft+"; top: "+objectTop+";'></div>";
    $("#content").append(appendingValue);
}

function animateBullet(bulletid) {
    var bulletID = $("." + bulletid);
    bulletID.each(function() {
        var nowTop = $(this).offset().top;
        $(this).css("top", nowTop - 55);
    });
}

如果有其他方法可以生成子弹，请告诉我。再次感谢您的帮助。 TNX！