This 검색 결과
2 개의 검색 결과가 있습니다.
코딩/jQuery

jQuery $(this)

html에서 하나의 클래스를 가진 여러개의 태그들 중 하나를 클릭했을 때 클릭이벤트가 실행되는 코드를 짜고있었을 때, 해당하는 클래스의 모든 태그들이 이벤트가 실행되어 곤란했던 적이 있었습니다. 어쩔수없이 id를 설정하여 어찌저찌 메꾸고 넘어갔었던 기억이 있었습니다. 이게 일이 빈번해지고 코드도 보기 안 좋아지기 시작하면서 방법을 찾다 jQuery의 this를 알게되고나서 어떻게 해결할지에 대해 알게되었습니다. 그래서 이번 포스팅에서는 jQuery의 this, $(this)에 대해 알아보려 합니다. 먼저 코드를 보면서 시작하겠습니다. 1번입니다. 2번입니다. 3번입니다. body태그에는 class가 number인 세 개의 태그가 있습니다. 그리고 클래스가 number인 태그를 클릭했을 때 배경색과 텍스트..

2020. 9. 29. 13:21
코딩/jQuery

jQuery this란?

jQuery에서 가끔씩 this라는 것을 보게 됩니다. 번역을 해도 this는 '이 것'이라는 뜻이여서 더욱 모호하게하는 this에 대해 알아보겠습니다. jquery에서 this는 자기 자신을 가리킵니다. 하나하나 입력해야 할 요소를 this라는 키워드만으로 번거로움을 해소할 수 있으며, 코드의 가독성을 증가시켜줍니다. 예제를 통해 알아보겠습니다. 김밥 떡볶이 순대 튀김 햄버거 감자튀김 콜라 치킨 맥주 소주 콜라 body의 p태그에 적힌 글들을 클릭하면 배경색이 회색으로 변하도록 만들었습니다. 만약 this를 쓰지 않는다면 script에서 p태그 한 줄 한 줄을 모두 처리해야하는 번거로움이 있습니다. 하지만 p태그를 모두 묶어서 this로 설정한다면 코드를 간결하고 가독성 좋게 만들 수 있다는 장점이 있..

2020. 6. 27. 22:18