jQuery $(this)

쵸리·2021년 7월 10일
0

jQuery

목록 보기
7/9
post-thumbnail

jQuery에서의 $(this)는 자기자신을 선택하는경우에 많이 사용한다.
Event를 실행시킬때 DOM 조작을 하면서 어떠한 선택자에 이벤트를 부여하고 사용자가 이벤트를 실행시키면 이벤트가 적용된 자기자신이 $(this) 가 된다.

ex)

<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가 된다. 자식들이 있는경우 그 하나하나의 자식에 이벤트가 적용될 때도 쓰고 그냥 자기자신만 이벤트 쓸때도 쓴다.

0개의 댓글