제이쿼리를 자바스크립트로 바꿔 쓰기

• scrollTop  >  pageYOffset
• $("#content") - 돔(DOM 스타일)  >  document.getElementById("content")
                                                                      document.querySelector("#content")
• addClass  >  classList.add
• removeClass >  classList.remove
• hasClass  > classList.contains
• text()  >  textContent
• click(function(){})  >  addEventListener('click', function(){})
• this  >  elem

 

** document.getElementById() 메서드는 주어진 문자열과 일치하는 id 속성을 가진 요소를 찾고,
    이를 나타내는 Element 객체를 반환한다. ID는 문서 내에서 유일해야 하기 때문에 특정 요소를 빠르게 찾을 때 유용하다.
    메서드 자체에 Id가 있기때문에 #을 따로 작성하지 않는다. 

 

** document.querySelector() 메서드는 CSS 선택자로 요소를 선택하게 해준다.
    주의할 점은 선택자에 해당하는 첫번째 요소만 선택한다.
   그래서, 전체 선택을 하고 싶은 경우 querySelectorAll를 사용한다.