jQuery에서의 $(this)는 자기자신을 선택하는경우에 많이 사용한다.
Event를 실행시킬때 DOM 조작을 하면서 어떠한 선택자에 이벤트를 부여하고 사용자가 이벤트를 실행시키면 이벤트가 적용된 자기자신이 $(this) 가 된다.
<ul class="list">
<li>내용1</li>
<li>내용2</li>
<li>내용3</li>
<li>내용4</li>
</ul>
$(document).ready(function(){
$('#list li).click(function(){
$(this).css({backgroundColor : 'red'});
});
}):
이렇게 html 문서와 jQuery문이 있다면 사용자가 클릭한 li가 $(this)가 된다.
사용자가 내용 2를 클릭하면 $(this)는 내용 2가 된다. 자식들이 있는경우 그 하나하나의 자식에 이벤트가 적용될 때도 쓰고 그냥 자기자신만 이벤트 쓸때도 쓴다.