이벤트 버블링과 이벤트 함수

[Sugar]

if문 안에 조건에서 e.target === e.currentTarget대신
$(e.target) === $(".user-modal")로 비교했을 때는 왜 같지 않다고 나오는건가요?

e.target과 $('.user-modal')은 자바스크립트와 제이쿼리를 비교해서 안된다고 하셨는데 그럼
왼쪽에 e.target을 $()로 제이쿼리로 만들어줬는데도 둘이 같지 않다고 나오는 이유가 궁금합니다.

if ($(e.target) === $(".user-modal")) {
  $(this).fadeOut();
}

[codingapple]

원래 자바스크립트 object 자료형은 좀 이상합니다.

{a : 10} == {a : 10} 이거 두개를 비교하면 false가 출력됩니다. 

object가 가리키고 있는 reference가 동일할 때만 true를 출력해줍니다.

 

jquery $ 셀렉터로 찾은 것도 자료형을 출력해보면 object 자료형입니다.

그래서 $('.user-modal') == $('.user-modal') 이렇게 비교하셔도 서로 같지 않다고 출력해주는 것 같습니다.

jquery 셀렉터로 찾은 두 요소를 같다고 비교하고싶으면 is() 함수라든지 그런걸 사용하면 됩니다. 

$('어쩌구').is( $('어쩌구') ) 이거일걸요 

[Sugar]

감사합니다

[글쓴이]

글