$(function() {
    function mask() {
        //获取文档高度与宽度
        var dWidth = $(document).width();
        var dHeight = $(document).height();
        //页面遮罩层
        $("<div id='mask'></div>").appendTo('body');
        $('#mask').css({
            width: dWidth,
            height: dHeight
        })

        //登录框
        $("<div id='login' class='loginCon'><div id='close'>点击关闭</div></div>").appendTo('body');
        //获取登录框的高度与宽度
        var lWidth = $('#login').width();
        var lHeight = $('#login').height();

        //登入框居中
        $('#login').css({
            left: '50%',
            top: '50%',
            'margin-top': -lHeight / 2,
            'margin-left': -lWidth / 2
        })
    }

    //关闭遮罩与登录框
    function closeLogin() {
        $('#login').remove();
        $('#mask').remove();
    }

    //登录按钮
    $('#btnLogin').on('click', function() {
        mask();
    });

    //关闭按钮
    $('#close').on('click',function(e){
        closeLogin();
        e.stopPropagation();
    })
})

关闭按钮#close点击无响应，已经阻止事件冒泡了，什么情况，来个大大帮帮忙