$('.nav-sub').slideToggle(); 클래스 명 작명시 질문입니다.

[강연기]

선생님 안녕하세요. 강의 유용하게 잘 듣고 있습니다. 

클래스 명 작명시 질문입니다.

 

<ul class="list-group nav-sub">
    <li class="list-group-item">1번 item</li>
    <li class="list-group-item">2번 item</li>
    <li class="list-group-item">3번 item</li>
  </ul>

...

$('#nav-sub-button').click(function () {
     $('.nav-sub').slideToggle();      <=여기 질문입니다.
    });

 

맨 위의 코드에서 'ul'의 클래스 명을  'list-group nav-sub'라고 작명했는데

$('.list-group nav-sub').slideToggle(); 라고 하지 않고 

$('.nav-sub').slideToggle(); 라고 하는 이유가 궁금합니다.

강의 잘 듣고 있습니다. 감사합니다.

[codingapple]

그냥 css셀렉터 문법인데

class명 두개가 동시에 붙어있는걸 찾고싶으면  .list-group.nav-sub 이렇게 쓰면 됩니다

.list-group .nav-sub 이것은 .list-group 안의 .nav-sub 요소를 찾으라는 뜻입니다

그리고 class명이 두개 붙어있을 경우 하나만 써도 찾아집니다

[글쓴이]

글