如何在纯Javascript跨浏览器上转换此jQuery处理程序？

我有一个jQuery处理程序：

$('a[rel="entra_handler"]').hover(
    function() {
        $(this).children().fadeOut(200);
    },
    function() {
        $(this).children().fadeIn(200);
    }
);

我想把它转换成纯Javascript，它适用于各种浏览器。 它简单且可行吗？

首先，jQuery是跨浏览器的

有一个纯粹的js淡出，但它是可怕的复杂。（谢谢@Pekka）

此外，您还需要一些库来执行您希望在DOM中进行的特殊选择

这容易吗

不，没有图书馆就不行

---

如果您使用DOM&ES5，那么您可能会得到一些简洁的小代码。

好吧，我想您可以使用一个抽象出跨浏览器问题的JavaScript框架。@Charles您的意思是像。。。再说一遍它的名字。。。jQuery？您希望使用纯Javascript有什么原因吗？jQuery和类似的框架存在的一个主要原因是简单的跨浏览器兼容性。这显然是可能的，因为使用jQuery可以实现，但这肯定不容易。我希望该代码段转换为至少20倍的代码量。我想您可以查看jquery源代码，了解您使用的方法是如何实现的，并从那里开始。jquery跨浏览器支持您吗。请给出你想要重新发明轮子的原因？

没有长动画功能的纯js淡出是不存在的。

当然有。但这太可怕了complicated@Pekka是的，这基本上就是预期的措辞。我会修好的that@Pekka“我怀疑它有那么复杂。@Raynos如果你想要跨浏览器支持到更老的ie，我敢肯定它会相当复杂。”。有许多怪癖需要解决才能使它顺利工作。看看jQuery的

animate（）

例如@Pekka Oh，你需要为

添加一个垫片。addEventListener

一旦你有了它，一切都会顺利进行。当然，jQUery中的

.animate

具有功能膨胀。