NULL

요소추가 요소는 $로 불러온다. 사용법 $('.hello'); // 클래스추가 $('#world'); // 아이디추가 효과는 js의 쿼리셀렉터라고 생각하면 된다. 일반 js와 차이점은 다음코드와 같이 p태그를 바꿔주려면 일일히 값을 바꿔주거나 이에 맞는 로직을 짜야하지만 안녕 안녕 안녕 jquery의 $()는 querySelectorAll처럼 여러개가 있다면 전부다 찾아주고 인덱싱 할 필요없이 .html()메소드를 쓰게 되면 모든 요소를 한번에 조작, 변경이 가능하다. 안녕 안녕 안녕 주의사항 js와 jquery는 각각 자신들의 메소드만 사용할 수 있다. $(".hello").innerHTML('123'); // juery에서 js의 메소드를 사용하면 오류가 발생한다. .on() 제이쿼리의 이벤트리스너 ..

classList는 클래스를 추가한다. classList.toggle 사용법 해당 클래스가 없다면 추가하고, 존재한다면 제거한다. menuBtn[0].addEventListener('click', function(){ menuList[0].classList.toggle('show'); }) show는 display: block 속성을 가지고 있다. 해당요소가 block이라면 그대로 놔두고 block이 아니라면 show클래스를 추가한다.

getElementsByClassName은 배열로 요소를 가지고 오기때문에 인덱싱이 필요하다. 사용할 때 인덱스 0번을 붙여서 사용한다. getElementsByClassName("dom").[0].style.display = "none"; // 예시