jQuery - 从数组中获取的效果元素（单独）

Question

这是我的HTML：

<div class="objectA"></div>
<div class="objectB"></div>
<div class="objectA"></div>
<div class="objectB"></div>

当我使用这个脚本时，没有任何事情发生：

var allObjects = $("div[class^=object]");
allObjects[1].fadeIn();

但是当我使用这个脚本时，警告信息将是4，它将淡化所有元素：

var allObjects = $("div[class^=object]");
    allObjects.fadeIn();
    alert(allObjects.lenght);

所以我知道我想把我想要的元素放到一个数组中，但是我怎么能单独影响每一个？

Answer 1

allObjects[1]返回原始DOM元素。 DOM元素没有fadeIn方法，jquery对象也没有。相反，请使用.eq：

allObjects.eq(1).fadeIn();

.eq返回包含第n个元素的jquery对象。

Answer 2

您可以使用jQuery.each（）循环遍历每个元素。请参阅documentation。

Answer 3

选中此fiddle

$(document).ready(function(){
    var allObjects = $("div[class^='object']");
    $(allObjects[1]).fadeIn();
})