• 카테고리

    질문 & 답변
  • 세부 분야

    자격증 (디자인)

  • 해결 여부

    미해결

Tab Menu 제이쿼리 작성시 this

21.06.28 01:30 작성 조회수 130

1

/* Tab Menu */ 
/* 1.Tab 기능먼저 2.active 넣기 */
$('.btn a:first-child').click(function(){
    $('.tab1').show()
    $('.tab2').hide()
    $(this).addClass('active')
    $(this).siblings().removeClass('active')
})

$('.btn a:last-child').click(function(){
    $('.tab2').show()
    $('.tab1').hide()
    $(this).addClass('active')
    $(this).siblings().removeClass('active')
})
꼭 여기서 this로 받지 안아도 상관이 없던데
this를 꼭 써야하는 경우가 있는건가요?
this를 활용해야 할때가 언제인지 잘 모르겠습니다
알려주세요 ㅠ

답변 2

·

답변을 작성해보세요.

1

this로 받지 않으며 아래처럼 제이쿼리 선택자가 너무 길어집니다.

$('.btn a:first-child').addClass('active')

$('.btn a:first-child').siblings().removeClass('active')

그리고 네비게이션 만드실 때 네비게이션 4개 중 어떤 것에 마우스를 올리지 모르니가 곡 this로 받으셔야 합니다.

프레드 님 답변 감사합니다~^^

1

프레드님의 프로필

프레드

2021.06.28

그냥 지나가다가 보게됐는데.. this가 자기 자신이에요 그니까 생성자가 .btn a:last-child 이면 this로 쓰이게되면 .btn a:last-child 이겠져?