在jQuery中淡化图像

Question

如何使用jQuery淡出bMenu类中不是＃b2的所有图像？感谢。

<div class="bMenu" id="b1"><img src='b1.jpg'></div>
<div class="bMenu" id="b2"><img src='b2.jpg'></div>
<div class="bMenu" id="b3"><img src='b3.jpg'></div>

Answer 1

字面答案：

$(".bMenuL:not(#b2) img").fadeOut();

假设您要确保同时显示#b2 img：

$("#b2 img").fadeIn();

Answer 2

$('img', '.bMenu:not(#b2)').fadeOut();

Answer 3

尝试

$('.bMenu:not(#b2) img').fadeOut('slow');

Answer 4

使用链接立即完成所有操作：

$("#b2 img").show().parent().siblings(".bMenu").find("img").fadeOut();

Answer 5

试试这个：

#('.bMenu > img').each(function(it){
    if(it.attr('id') != 'b2'){
        it.fadeOut();
    }
});

可能是纯粹选择器的一种方法，但这应该有效。

稍后添加：

好的，我去做了一个测试......这就是我想出的：

$('div[id!=b2].bMenu > img').each(function(){
    $(this).fadeOut();
});

此选择器将返回两张图像，而不是带有b2的图像。