javascript - 如何使用JS或jQuery选择每个元素？

我想选择文档中的每个单个元素，并在滚动到它们时将它们变为红色。

$(document).ready(function() {
  $(document).on("scroll", animationDivs);

  function animationDivs(event) {
    var scrollPos = $(document).scrollTop();

    var divs = $("*");
    $(divs).each(function() {
      var currLink = $(this);
      if (currLink.position().top <= scrollPos && currLink.position().top + currLink.height() > scrollPos) {
        currLink.style.color = "red";
      }
    });
  };
});

我使用了此代码，但是没有用。

最佳答案

使用JS：

document.querySelectorAll('*')
        .forEach(el => el.style.color = 'red')

在浏览器的控制台中尝试一下，以查看其工作方式，并here's简要概述JS vs jQuery与DOM的选择。

This是具有多种解决方案的类似问题。