Javascript jQuery悬停时不褪色

我有一个表格，每当有人在单元格上悬停时，我希望它变得不那么不透明（不透明度默认为0.85）。这是我的密码：

$(document).ready(function(){

    $("td").hover(function(){

        $(this).fadeTo(700,1);

            },function(){

        $(this).fadeTo(500,0.85);

    }); 
});

编辑：看起来问题可能是，当我悬停时，没有任何东西触发，即使我向函数添加

alert（'hi'）

，也不会发生任何事情

编辑2：如果有人还在读这个问题，我相信当我问这个问题时它不起作用的原因是因为我异步创建了td元素，而当页面加载时它们不在那里。我相信我最终使用了.on（）而不是.hover（）。此外，褪色到1.0不透明度是理想的效果（它从0.85或0.5开始）。谢谢大家

只需使用CSS

td {
    opacity: .85;    
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
td:hover {
    opacity: .5;    
}

---

演示：

很简单，您的功能是向后的：

（鼠标悬停时衰减到1，鼠标悬停时衰减到.85）

---

这里有一把小提琴：

你正在淡入的不透明度，1.0，是完全不透明的，不是透明的

---

尝试将其淡入0.5

在使用悬停之前，您可能必须预定义表格单元格的不透明度

table tr td {
    background: grey;
    opacity: 0.5;
    -webkit-opacity: 0.5;
}

其余的只是使用jQuery代码

---

jsiddle:

您也可以使用css转换

td:hover {
        opacity: 1;
        -webkit-transition: opacity .7s ease-in-out;
        -moz-transition: opacity .7s ease-in-out;
        -ms-transition: opacity .7s ease-in-out;
        -o-transition: opacity .7s ease-in-out;
        transition: opacity .7s ease-in-out;
    }
td{
opacity:.85;
}

不确定为什么将第二个函数设置为0.85而不是0.5。我把它改成了0.5。如果那是你想要的，请告诉我

$(document).ready(function(){

        $("td").hover(function(){

            $(this).fadeTo(700,1);

                },function(){

            $(this).fadeTo(500,0.5);

        }); 
    });

---

当涉及到CSS和jQuery时，表单元格很奇怪。发布一个JSFIDLE，我们将尽力提供帮助。好的，我制作了一个JSFIDLE：在将jquery添加到您的FIDLE中，并将脚本更改为淡入状态后。5，它似乎工作正常：一旦包含jquery，您的FIDLE工作正常：因为我的一个答案被关闭，（hard crowd

：）

）值得一提的是，

应该包装在

元素中。也就是说，

内容模型

不包括作为子项的

。只有作为一个后裔，我才喜欢这个答案。。没有必要为这么简单的事情使用jQuery。我希望它逐渐变得不透明，这就是我最初使用jQuery的原因，我知道它可能看起来很愚蠢。编辑：如果答案不是琐碎的，我会求助于此，thanks@SamCreamer更新--现在进行淡入淡出动画。仍然没有javascript。@rlemon IE10+，这意味着在xpWell上没有javascript。。。该死的，12年前的操作系统仍然不起作用，我想当我在$（“td”）@SamCreamer上盘旋时，什么都没有发生，请确保在JSFIDLE中包含jQuery。。我注意到上面的链接，你没有。是的，那也会有帮助！！鼠标悬停到1是我本来打算做的，现在可以了，谢谢

$(document).ready(function(){

        $("td").hover(function(){

            $(this).fadeTo(700,1);

                },function(){

            $(this).fadeTo(500,0.5);

        }); 
    });