改变样式不透明度的 jQuery/JavaScript 函数答案

【问题标题】：jQuery/JavaScript Function to Change Style Opacity改变样式不透明度的 jQuery/JavaScript 函数
【发布时间】：2012-05-03 12:44:48
【问题描述】：

我如何编写一个函数，onmouseover;

获取此 div 中的所有“img”标签
更改图像样式以将不透明度降低到 0.5

提前致谢！

【问题讨论】：

这是我正在开发的一个网站，不是为了学校，而是作为个人爱好。我在读高中，从未上过任何计算机科学课程。有关更多信息，请参阅我的“关于我”。至于真正帮助过的人，谢谢，我搞定了！
是的，我想指出的是，您在没有自己尝试的情况下提出问题，没有发布示例代码并说“我当时被阻止”，您只是在问“请写给我”，这不是stackoverflow的精神。
我实际上尝试了一些东西，但无法让它工作。说真的，我在这玩了半个多小时。我不擅长 JavaScript……虽然可以写一个很棒的 PHP 脚本！

标签： javascript jquery html function styles

【解决方案1】：

$('.whatever').on('mouseenter', function() {
    $('img', this).css('opacity', '0.5');
}).on('mouseleave', function() {
    $('img', this).css('opacity', '1');
});

但是，您可以使用纯 CSS 来做同样的事情：

.whatever:hover img { opacity: 0.5; }

【讨论】：

纯 CSS 的解决方案比 Javascript 的解决方案好得多

【解决方案2】：

这是一种可能性：

$("#yourDiv").bind("mouseover", function(){
    $(this).find("img").css("opacity", "0.5");
});

【讨论】：