자바스크립트에서의 this와 jQuery에서의 $(this)는 명칭이 같아 동일한 성격이라고 생각하실 수 있겠으나 실제로 표시되는 정보는 서로 다릅니다.
<script type="text/javascript"> // javascript console.log(this); // jQuery console.log($(this)); </script>
위 코드로 확인해보시면 됩니다.
자바스크립트의 경우는 이벤트가 발생한 태그 요소가 표시됩니다. jQuery의 경우 이벤트가 발생한 요소의 정보들이 Object로 표시됩니다.
간혹 자바스크립트에서 this를 참조해야할 경우가 자주 생깁니다. 이런 경우 jQuery로는 어떻게 표현해야할까요..
자바스크립트의 this는 jQuery의 $(this)[0] 으로 동일 결과를 얻어낼 수 있습니다.
[Javascript] this == [jQuery] $(this)[0]