버블링 선택자 질문드립니다.

[크리스]

$('.black-bg').on('click', function(e) {
            console.log(e.target)
            console.log(document.querySelector('.black-bg'))
            if (e.target == document.querySelector('.black-bg')) {
                $(this).removeClass('show-modal')
            }
 }) //콘솔창에 모두 <div class="black-bg">로 잘 찍힙니다.

$('.black-bg').on('click', function(e) {
            console.log(e.target)
            console.log($('.black-bg'))
            if (e.target == $('.black-bg')) {
                $(this).removeClass('show-modal')
            }
}) //e.target -> <div class="black-bg">   $('.black-bg') -> 오브젝트라고 찍힙니다.

제이쿼리 선택자로 콘솔창에 찍어보면 object 라고 나옵니다.

선택자 호출 방식이 같은 줄 알았는데 제이쿼리로 호출하는것과 자바스크립 선택자로 호출할 때 
속성값이 다른 이유가 뭔지 궁금합니다.

[codingapple]

$()로 찾으면 쓰기편한 함수들 몇개 추가해주는데 그러려면 object자료형에 담아야합니다

[글쓴이]

글