Jquery 사용법(기초)

jquery를 소스코드에 사용하기 전에 해야할 것

jquery cdn을 검색하고 minified버전의 링크를 복사한다
링크를 HEAD 태그 안에 넣으면 로딩 속도는 느려지지만 이하의 모든 부분에서 jquery를 사용할 수 있다. body태그 가장 아래에 넣으면 로딩 속도는 더 빨라지고 해당 script태그 위에 있는 DOM에 대해서 조작이 가능하다
출처: https://window6kim.tistory.com/3

jquery의 기본적인 사용법

1. $는 querySelector, querySelectorAll on은 addEventListener다

document.querySelector('.hello').addEventListener('click',f)

$('.hello').on('click',f)

2. innerHTML은 .HTML, css변경은 .css(), class 탈착은 .addClass()/ .removeClass()/.toggleClass() -> jquery 함수가 따로 있으므로 숙지하자
   참고: https://inpa.tistory.com/entry/jQuery-📚-제이쿼리-메소드-💯-정리

만약에 영어사용이 자유롭다면(또는 구글 번역기가 있다면) https://learn.jquery.com/using-jquery-core/ 를 참고하는 것도 좋은 방법이다

출처: https://codingapple.com/unit/js-6-jquery-basic/