[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() {});
jQuery API Documentation
jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. If you're new t
api.jquery.com
.hide()
.addClass()
.removeClass()
.toggleClass()
.fadeout()
.slideUp()
등
등
등...