jquery - 将 jQuery 应用于具有相同类的 3 个 div 之一

Question

我有多个具有同一个类的 div，并且我有一些 jQuery，但我只想将 jQuery 应用到具有该类的 div 之一animated

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