如何将效果应用于 jQuery 数组中检索到的元素？

Posted 2023-05-09

【中文标题】如何将效果应用于 jQuery 数组中检索到的元素？

【英文标题】：How can I apply effects to retrieved elements within an array in jQuery?

【发布时间】：2010-10-30 02:16:36

【问题描述】：

我想知道是否可以对数组中的检索元素应用效果。

我知道我可以通过 .text() 或 jQuery 中的 .html() 函数输出数组的内容。但我一直在尝试fadeIn() 的内容，但它从来没有用过。

我怎样才能做到这一点？

【参考方案1】：

您必须先将对象添加到 DOM 中，然后才能对其进行显示和使用效果。

例如：

content.appendTo('#somedivid').hide().fadeIn();

【参考方案2】：

你必须将它附加到 dom，隐藏它然后淡入：

for(i=0, x=content.length; i<x; i++)      
   $('<p />').text(content[i]).appendTo('#container').hide().fadeIn();

假设内容是您要添加到#container 的文本数组。

【参考方案3】：

如果数组中的每个元素都包含一个与页面布局上的元素相关联的 id，您可以这样做：

$('#'+content[i].id).fadeIn();

【参考方案4】：

我不确定我是否正确理解了这个问题，但它与您提到的 text() 或 html() 函数的工作方式相同：

var elements = $('.test');
// elements is an array of all elements with class 'test'

// now fade all these elements out:
elements.fadeOut('slow');