Ajax jQuery：将一个新项目滑入一组项目的顶部

jQuery的半新手；只是不太明白

我在页面上有一个项目列表，我想通过（a）向下滑动现有项目和（b）将新项目淡入列表顶部的位置，在列表顶部插入一个新项目。我可以将新项目插入到列表中，但到目前为止，我得到的所有效果都是

$（“#theList”）.prepend（theneItem）.hide（）.fadeIn（1000），它在整个项目集（包括新项目）中淡入淡出，对滑动没有任何作用

当然（？），我的部分问题是，我需要将.fadeIn（大概还有.slideUp）方法应用于新项，而不是整个列表，但我似乎无法掌握它。我可以获取新项的ID，但它不会在预结束后显示在DOM中（至少，console.log（“#theNewItemsID”）返回一个空列表）

有什么建议吗？多谢
 怎么样

$('#theList').prepend(theNewItem).children(':first').hide().fadeIn(1000);

演示：


备选方案

如果变量
theNewItem
包含jQuery对象，则还可以使用该方法跳过筛选

theNewItem.prependTo('#theList').hide().fadeIn(1000);

演示：


解释

发生这种情况是因为您的初始选择器是
#列表
，因此链接命令引用了它。使用与选择器相结合的方法，我们将所选项目减少到列表的第一个子项（新添加的）
非常好--谢谢！对于额外积分：），在新项目淡入之前，我如何获得现有项目的可见向下滑动？我试着在方法调用链的各个点上放置一个.slideDown（1000），但似乎没有一个能做到这一点。太棒了！我不得不对它进行一些调整，以摆脱原来的.prepend（）调用（新项只是文本，不是完整的jQuery对象），但用从css（）调用开始的示例代码替换原来的fadeIn调用效果很好。再次感谢！