티스토리 뷰

Basic_Studies/jQuery

[jQuery] this 쓰는 이유

adore_voy 2020. 6. 19. 14:02


문득 생각이 들었다.

this를 왜쓰지? 다시 경로를 복사해서 넣어도 되는 것 아닌가?

 

제이쿼리에서 $('class 이름') 을 사용하면 웹페이지 콘텐츠에서 해당 클래스 등등을 찾기 시작한다.

같은 체인이나 이벤트 안에 있음에도 계속해서 경로를 직접 입력하는 행위는 불필요한 탐색이 이루어지게 한다.

그렇기에, 한번 입력한 이름과 연관된 탐색을 하는 등의 행위를 한다면, 

$(this)를 이용해서 반환시킬 필요가 없게 한다.

$(this)를 이용하면 이전에 요청 해 두었던 DOM을

별도의 과정 없이 바로 이용할 수 있게 된다.

 

예시:

$('.class-name').on('click', (evt) => {
      $(this).hide(); // DOM쿼리를 실행시키지 않음
      $('.class-name').hide() // DOM쿼리를 실행시킴 --> 불필요한 과정

});

 

Stackoverflow  https://stackoverflow.com/questions/12481439/jquery-this-keyword
반응형
댓글