jq自定义下拉菜单，在点击非当前下拉菜单区域时，关闭下拉菜单（点击事件的对象不是目标元素本身）

jq自定义下拉菜单，在点击非当前下拉菜单区域时，关闭下拉菜单（点击事件的对象不是目标元素本身）

//点击非当前下拉菜单区域时，关闭下拉菜单
$(document).mousedown(function(e){
    var _con = $('.xialacaidan');
    //1. 点击事件的对象不是目标元素本身
    //2. 事件对象同时也不是目标元素的子元素
    if(!_con.is(e.target) && _con.has(e.target).length===0){
        $('.xialacaidan_list').css('display','none');
    }
});

自定义的下拉菜单，当点击其他区域时需要关闭，此方法非常适用。