jquery - 模糊除一个 div 之外的所有内容

Question

如何使用javascript单击模糊除一个元素之外的所有内容.personalPhoto并切换它，我尝试过但不工作

    function photoCheck(){
        $('.personalPhoto').click(function(){
            $(this).toggleClass('aaasssddd');
            if($(this).hasClass('aaasssddd')){
                $(this).css({'transform':'scale(2.5)'});
                $(window > this).css({'filter':'blur(2px)'});
            } else {
                 $(this).css({'transform':'scale(1)'});
            }
        })
    }
    photoCheck();

<div class="personalPhoto"><img src="images/camera.png"></div>

标签： jqueryhtml

Answer 1

.personalPhoto 您可以选择除 一个之外的所有具有类的元素this，并将它们模糊：

function photoCheck(){
    $('.personalPhoto').click(function(){
        $(this).toggleClass('aaasssddd');
        $('.personalPhoto').not($(this)).css({'filter':'blur(2px)'});
    });
}
photoCheck();