實(shí)現(xiàn)點(diǎn)擊任意地方隱藏窗口

為什么無(wú)效？哪里錯(cuò)了

<style>
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
.test{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
}
.test.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
</style>

<div class="test is-visible"> </div>

<script>
//點(diǎn)擊任意地方隱藏窗口
$('.test').on('click', function(event){
if( $(event.target).is('.test') ) {
$(this).removeClass('is-visible');
}
});
</script>