$(this) - 제이쿼리

HG·2022년 10월 28일
0

$(this)의활용

특정 부분만 쓸 수 있다.

이게 어떻게 가능할까?

이걸 쓰면 id를 따로 만들필요 없이 발생한 시점에 바로 찾아서 쓸 수있다.

예를들어서

button이 3개 있다고 할때

var button = $(".btn");
button.click(function(){
button.val("눌렀어~");
});
위와같이 정의해서 쓰면 당연히 모든 값이 변할것이다.
이렇게 하지않고 다르게 쓴다면

해당 값마다 id를 지정해준뒤

나눠주는 방법도 있고 하겠지만, 이는 OCP에 위반한다 를 넘어서서 그냥 구리다.

/**
내가 할 수 있는 방식중에 가장 간단하게 하는법은 button이 아니라 생각해보니까 같은 기능을 하는 버튼을 3개나 만들일은 없을것 같다.

라고 생각하고 다시 생각해보니까, 여러창이 li tag로 이어져있을때, 각 닫기 버튼이 있다고 할떄, 각각 아이디를 만들어줄 필요가 있을까?

그리고 있다고 하더라도 닫기 버튼을 각각 다 만드는건 너무 별로다.

그런데, 해당 닫기버튼이 특정 무언가를 지정하기가 더 힘들다.

뭐 어떻게 조건을 만들어서 할 수 있을것 같긴하다.

해당 아이디로 찾는 방식이 아니라, li tag안에 있는 값에 onclick 해당 메소드를 넣어서 쓰는 방식을 쓰던지, 할것 같다.
*/

근데 그냥 한번에 이걸 처리해줄 방법을 찾았다.

jquery의 (this)이다. 이거는 해당 위치를 찾아준다.

profile
Making Body, Making Food, Making Co?de

0개의 댓글