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

Question

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

我知道我可以通过: 输出数组的内容。text()或.html()jQuery 中的函数。但我一直在尝试fadeIn()内容，它永远不会奏效。

我怎样才能做到这一点？

Answer 1

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

例如：

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

Answer 2

您必须将其附加到 dom，将其隐藏，然后将其淡入：

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

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

Answer 3

如果数组中的每个元素都包含一个与页面布局上的元素相关联的 id，您可以执行以下操作：

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

Answer 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');