inflearn logo
강의

Course
Instructor

Scroll interaction that even beginners can create. Part 1 JavaScript

3-1 Understanding Transitions and Transforms and What is a Vendor Prefix?

this와 obj

190

dpwl322

10 asked

0

function sec01Reset(obj){
        $(obj).parent().find('.ggang01').removeClass('active');
        $(obj).parent().find('.ggang02').removeClass('active');
        $(obj).parent().find('.ggang03').removeClass('active');
        $(obj).parent().find('.ggang04').removeClass('active');
    };

    $('.btn.start').on('click',function(){
        sec01Start(this);
    });

    $('.btn.reset').on('click',function(){
        sec01Reset(this);
   })
이 코드에서 버튼을 누르면 함수실행을 하게되는데,
저 this가 a나 b같은 매개변수인가요??
그 this와 obj부분을 어떤식으로 해석하면 좋을까요??

jquery HTML/CSS javascript 인터랙티브-웹

Answer 1

0

ggangcoding162118

안녕하세요 질문자님이 말하는 코드는 수업과 연관없이 임시로 작성해둔 코드이기 때문에 크게 신경쓰지 않아도 되는 부분입니다.

굳이 답변을 드린다면 this를 넘기고 this는 클릭한 요소가 됩니다. this를 매개변수로 받을때 obj로 받은거구요!

즉 클릭한 요소의 부모요소안에 있는 ggang01~04 를 선택하는 코드입니다

다음강의 언제나오나요 다음강의는 인터렉티브한 전체적인 웹사이트였으면 좋겠네요

0

214

1

반응형에 대해 질문이 있습니다 !

0

386

1

날짜 카운트를 활용하여 시간으로 적용해볼 수 있나요?

0

388

1

함수가 정의되기 전에 함수 호출

0

360

1

섹션12 보너스 챕터에 관한 질문입니다!

0

479

1

5-3-1 강좌 섹션 질문 합니다.

0

325

1

죄송합니다만 해당 프로젝트를 리엑트로 수정해서 만들어보고있는중에 질문드립니다.

1

485

3

화면 높이 관련 질문 있습니다.

1

442

1

선생님

0

378

1

5-2 vanilla.html 질문합니다.

0

437

1

5-3-2 질문입니다.

1

302

1

5-2 추가 질문이요

0

365

2

5-2 ! 질문이요.

0

272

1

안녕하세요!

0

281

1

질문드립니다.

1

374

2

질문드립니다.

0

1683

3

색션6강 카운트관련 문의드립니다!

0

246

1

섹션5 관련 질문드립니다.

0

274

1

setProperty 를 재활용 하고싶습니다.

0

220

1

IntersectionObserver

0

264

1

offsetheight와 scrollheight

0

402

1

완성된코드를 그대로 가져왔는데 크기가 이상해요

0

438

2

2:56에 10씩 증가시키는건 어떻게 하신건가요?

0

320

1

<script>에 $(function(){})으로 감싸준 이유

0

212

1