본문 바로가기
Front-End/HTML , CSS

this, $(this) 의 차이

by 어렵다어려웡 2021. 3. 22.

this는 자바스크립트의 문법, $(this) 는 JQuery의 문법으로 명칭은 비슷해 보인다.

그러나 다른 데이터를 보여주는데...

 

사실 비교적 간단하다..

 

filterSelect.on("change", function(e) {
	console.log(this);
    console.log($(this));
})

 

개발자 도구를 살펴보면 추출되는 데이터가 다른것을 알 수 있는데.

this의 경우 해당 이벤트가 발생한 요소를 표시해주고

 

$(this)는 이벤트가 발생하면 발생한 태그를 Object 형태로 감싸서 보여준다는게 다른점이다.

 

this와 같은 데이터를 갖기 위해서는 $(this)[0] 을 사용하면 된다.

 

this  === $(this)[0]

'Front-End > HTML , CSS' 카테고리의 다른 글

<select>태그의 option의 value 값  (0) 2021.03.22
display: table , table-cell  (0) 2021.03.19