jquery - jqueryは、divと子以外のものをクリックします

Question

divログインウィンドウがあり、フェードインとフェードアウトを切り替えるログインボタン以外の場所をクリックしてフェードアウトしようとしています。

 jQuery(document).ready(function ($) {
    $('.login').click(function () {
        $('#modal_login').fadeToggle('fast');
    });

    $('body').click(function (e) {
        if (!$(e.target).is('.login, #modal_login *')) {
            $('#modal_login').fadeOut('fast');
        }
    });
});

それはすべて非常に簡単に思えますが、私の問題は#modal_login子供たちです。のどこかをクリックすると#modal_login div、フェードアウトします。私#modal_login > *も運が悪かったので試してみました。

.login" " クラス ボタンを使用すると、このコードはうまく機能します。

だから私の質問は、私が達成しようとしていることに対して正しい構文を使用していますか(クリックしたり、その子のいずれかをクリックしたときにdivがフェードアウトしないようにするため)? それは合法のようですか？