[jQuery]- 기본 사용법

jQuery: 자바스크립트의 생산성을 향상 시켜주는 js 라이브러리

 

jQuery cdn 검색 -> jQuery 3.x 버전 <script> 태그 -> html 파일에 복사 붙여넣기 -> 설치 완료 -> 설치 하단에서 코드 작성

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

 

[기본 문법]

$(제어대상).method1().method2();

 

querySelector / querySelectorAll = $

addEventListener = on

 

document.querySelector('.a').innerHTML = "하이";

==> $('.a').html = "하이";

 

document.querySelector('.a').sytle = "하이";

==> $('.a').css('color', 'red)

 

document.querySelector('.').addEventListener('click', funtion() {});

==> $('.').on('click', funtion() {});

 

 

https://api.jquery.com/

jQuery API Documentation

 

.hide()

.addClass()

.removeClass()

.toggleClass()

.fadeout()

.slideUp()

등

  등 

     등...