JQuery问题。在鼠标悬停时转动div是透明的

Question

我最近一直在学习一些JQuery，而且我一直在尝试不同的东西。 https://gist.github.com/LewisSharpe96/d1d7f6180274b29d6b9d我试图创建一系列盒子，当鼠标悬停在它们上面时会变成透明，然后在鼠标离开时返回纯黑色。我无法弄清楚为什么JQuery无法正常工作。

Answer 1

这里不需要jQuery或javascript;你可以单独用CSS做到这一点：

.box {
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
.box:hover {
    opacity: 0.5; 
}

Working example

另请注意，在您的要点中，您无法正确关闭td元素。