7일차 - 제이쿼리 설명

선택자

$('CSS 스타일 선택자와 동일')

• 제이쿼리 선택자 == CSS 스타일 선택자
• 가상선택자는 제이쿼리 선택자가 될 수 없다!

예시) $('a.d1:not(.first)')

<script>
  <a class='d1 first'></a> // 얘만 빼고 선택하겠다
  <a class='d1'></a>
  <a class='d1'></a>
  <a class='d1'></a>
</script>

메서드

• 동사(구체적인 처리)
• addClass(클래스 추가), removeClass(클래스 지움), toggleClass(특정 클래스 줬다/뺐다)

이벤트

• click, ready, scroll
• 이 명령이 실행되는 시점 (ex.클릭할때, 스크롤 내릴때)

$(선택자).이벤트(function(){
실행문 ~ 마지막 실행문!
})

<script>
    $(document).ready(function(){
        $('#allMenu').click(function(){
            $('#allMenu').toggleClass('open'); // 특정 클래스 줬다뺐다 기능
            // addClass, removeClass, toggleClass
        });
    });
</script>