如何在使用jQuery向表中添加行时应用fadeIn效果

我当前正在使用文档中的.insertAfter（）函数向表中添加行

$(document).ready(function () {

            CheckRowLength();
            $("#add").click(function () {
                $('#querytable tr:last').clone(true).insertAfter('#querytable tr:last');
                $('#querytable tr:last #name').val('');
                CheckRowLength();
                return false;
            });

            $("#del").click(function () {
                $(this).parent().parent().remove();
                CheckRowLength();
            });
            function CheckRowLength() {
                var RowCount = $('#querytable tr').length;
                if (RowCount > 2) {
                    $('#querytable tr:last #del').show();
                }
                else {
                    $('#del').hide();
                }
            }
        });

html标记

<table id="querytable">

            <tr>
                <td id="col1">
                    Field Name
                </td>
            </tr>
            <tr>
                <td>
                    <input type="text" name="name" id="name" />
                </td>
                <td>
                    <a id="add">Add</a>
                    <a id="del">Delete</a>
                </td>
            </tr>

    </table>

有人能为我指出这个效果的正确方向吗。或者，当与insertAfter结合使用时，这是否可能

---

提前感谢

在插入表行时，它们应该已经被隐藏。。。因此，基本上，使用style=“display:none”插入

，然后应用
fadeIn（）
效果

关键是，您不能在已经可见的内容中褪色。
插入表行时，它们应该已经隐藏。。。因此，基本上，使用style=“display:none”

插入

，然后应用
fadeIn（）
效果

交易是，你不能在已经可见的东西中褪色。
没有你的标记，我不能肯定，但我猜你需要在添加它之前隐藏它

$('#querytable tr:last').clone(true).hide().insertAfter('#querytable tr:last').fadeIn('slow');

将不透明度从1更改为。。1不会显示任何内容。
如果没有您的标记，我不能肯定，但我猜您需要在添加它之前隐藏它

$('#querytable tr:last').clone(true).hide().insertAfter('#querytable tr:last').fadeIn('slow');

将不透明度从1更改为。。1不应显示任何内容。
在淡入之前，需要隐藏该元素。试着这样做：

elem = $('#querytable tr:last').clone(true);
elem.css('display', 'none');
elem.insertAfter('#querytable tr:last');
elem.fadeIn('fast')

如果使用slideDown（）或slideUp（）效果，效果可能会更好。
在淡入之前，需要隐藏元素。试着这样做：

elem = $('#querytable tr:last').clone(true);
elem.css('display', 'none');
elem.insertAfter('#querytable tr:last');
elem.fadeIn('fast')

如果使用slideDown（）或slideUp（）效果，效果可能会更好。
用
包裹
的内容，然后对其应用淡入淡出效果。这是我最近写的一篇博文，我用幻灯片而不是淡入淡出来做同样的事情：
用一个
包裹
的内容，然后对其应用淡入淡出效果。这是我最近写的一篇博文，我用幻灯片而不是淡入淡出来做同样的事情：
您可以包括一些示例标记吗？您可以包括一些示例标记吗？感谢提供有关div标记的信息请不要用标记包装您的标签。。。这在语法上是不正确的，如果它在所有浏览器中都能正确呈现，那你就幸运了。我的意思是用a来包装的内容，而不是用a来包装感谢关于div标记的信息请不要用标记来包装你的内容。。。这在语法上是不正确的，如果它在所有浏览器中都能正确呈现，那你就幸运了