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 |