Question

我有多个具有相同类的div并且我有一些jQuery，但我只想将jQuery应用于具有类animated的其中一个div

这是我的jQuery

$(window).scroll(function () {
    var y = $(window).scrollTop(),
        x = $('.animated').offset().top - 100;
    if (y > x) {
        $('.animated').addClass('fadeInUp').removeClass('fadeOutDown');
    }
}

Answer 1

再向该div添加一个类，如

Class="animated Operation"

然后在jquery中使用此操作

$(window).scroll(function () {
var y = $(window).scrollTop(),
x = $('.Operation').offset().top -100;
if (y > x) {
$('.Operation').addClass('fadeInUp').removeClass('fadeOutDown');
}

Answer 2

添加一个id并将其用作选择器或者给该div另一个类说'class2'然后使用它。如果你添加一个div看起来像这样的类：

<div class="animated class2"></div>

然后是jquery

$(window).scroll(function () {
var y = $(window).scrollTop(),
 x = $('.class2').offset().top -100;
if (y > x) {
 $('.class2').addClass('fadeInUp').removeClass('fadeOutDown');
}

或者如果你使用id

<div id="myId" class="animated"></div>

然后是jquery

$(window).scroll(function () {
var y = $(window).scrollTop(),
 x = $('#myId').offset().top -100;
if (y > x) {
 $('#myId').addClass('fadeInUp').removeClass('fadeOutDown');
}

将jQuery应用于具有相同类的3个div中的一个

2 个答案: