Javascript jQuery-从数组中获取的效果元素(单独)
这是我的HTML:Javascript jQuery-从数组中获取的效果元素(单独),javascript,jquery,html,arrays,Javascript,Jquery,Html,Arrays,这是我的HTML: <div class="objectA"></div> <div class="objectB"></div> <div class="objectA"></div> <div class="objectB"></div> 但当我使用此脚本时,警报消息将为4,并将淡出所有元素: var allObjects = $("div[class^=object]"); allOb
<div class="objectA"></div>
<div class="objectB"></div>
<div class="objectA"></div>
<div class="objectB"></div>
但当我使用此脚本时,警报消息将为4,并将淡出所有元素:
var allObjects = $("div[class^=object]");
allObjects.fadeIn();
alert(allObjects.lenght);
所以我知道我已经将想要的元素放入了一个数组中,但是我如何才能单独影响每个元素呢?
allObjects[1]
返回一个原始DOM元素。DOM元素没有fadeIn
方法,jquery对象有。相反,请使用.eq
:
allObjects.eq(1).fadeIn();
.eq
返回包含第n个元素的jquery对象。您可以使用jquery.each()单独循环每个元素。请参阅。检查此项
allObjects.eq(1).fadeIn();
$(document).ready(function(){
var allObjects = $("div[class^='object']");
$(allObjects[1]).fadeIn();
})