jQuery - 从数组中获取的效果元素(单独)

jQuery - effect elements taken from an array (individually)

本文关键字:元素 单独 数组 获取 jQuery      更新时间:2023-09-26

这是我的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);

所以我知道我把我想要的元素放到一个数组中,但是我怎样才能单独影响每个 1?

allObjects[1]返回一个原始的 DOM 元素。 DOM 元素没有fadeIn方法,jquery 对象有。 请改用.eq

allObjects.eq(1).fadeIn();

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

您可以使用 jQuery.each() 单独遍历每个元素。请参阅文档。

检查这个小提琴

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