has()

显示

xiao

jian

$('.pop').click(function(){
var _con = $('.pop');
alert(_con.has(event.target).length); //点击xiao或者jian 出现1
})
_con.has(event.target).length的作用：用来判断点击的位置是否在目标区域的子元素上，也就是事件对象是不是目标区域的子元素，长用在点击弹窗区域外弹窗消失的代码中。
_con.is(e.target)用来判断点击位置是否在目标区域内，如果不在，则返回false;否则true

0a1a77a7850f358c2e87f45d9be892d.png

点击弹窗消失的代码例子：
html代码：

显示

xiao

jian

点击

遮罩层

js代码：
$('.clic').click(function(){
$('.pop').show();
$('.gray').show();
})

            $('.gray').click(function(e){
                console.log(event.target);
                var _con = $('.pop');   // 设置目标区域
                if(!_con.is(e.target) && _con.has(e.target).length === 0){ // Mark 1
                    $('.pop').hide();   // 功能代码
                    $('.gray').hide()
                }
               
            });
                /* Mark 1 的原理：
                判断点击事件发生在区域外的条件是：
                1. 点击事件的对象不是目标区域本身
                2. 事件对象同时也不是目标区域的子元素
                */