如何使用jQuery隐藏div？

Question

我用ajax调用更新html。我需要将元素添加为隐藏，然后应用动画：

$.ajax({
    success: function (data, textStatus) {
        $(".comments").prepend(data);
        $(".comments .comment-frame:first").slideDown("slow"); // it doesn't work, since element is visible

数据添加：

<div class="comment-frame">
...
</div>

我无法修改css以隐藏类comment-frame，因为我已经在页面上有其他元素，这些元素应该保持可见。所以，不知怎的，我应该将data添加为隐藏。我该怎么办？

Answer 1

您可以在data .hide() .prepend()之前使用$(".comments")和$.ajax({ success: function (data, textStatus) { var $data = $(data).hide(); $(".comments").prepend($data); $(".comments .comment-frame:first").slideDown("slow"); 制作jQuery对象。

{{1}}

Answer 2

制作插入时隐藏的包装：

$(".comments").prepend('<div style="display:none">'+data+'</div>');