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

Question

如何编写onmouseover;

的函数

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

提前致谢！

Answer 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; }

Answer 2

这是一种可能性：

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