티스토리 뷰
문득 생각이 들었다.
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
반응형
'Basic_Studies > jQuery' 카테고리의 다른 글
[jQuery] 클릭 시 맨 위로 가지 않게 하기 (0) | 2020.08.17 |
---|---|
[jQuery] 체이닝(Chaining)과 탐색(Traversing) (0) | 2020.06.19 |
댓글
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- nuxt 공식문서 한글
- 카페음료테스트
- NextJS
- bs4 크롤링
- next.js 리다이렉트
- nextjs 파라미터 넘기기
- css 글래스모피즘
- 파이썬 정렬
- nextjs 스크롤
- css marquee
- 리액트 파라미터 넘기기
- 리액트
- 글래스모피즘 구현
- getserversideprops redirect
- 파이썬 flask
- 움직이는 글래스모피즘
- 리액트 라우터
- 파이썬 크롤링
- react router
- 리액트 컴포넌트
- Til
- 리액트 스크롤
- vscode venv
- 자바스크립트
- dvd 효과
- 글래스모피즘 애니메이션 구현
- 10989 파이썬
- 화이팅
- nuxt 공식문서
- 백준 10989 파이썬
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
글 보관함