본문 바로가기
스파르타 코딩 웹개발 종합반/2주차

2-2 jQuery 시작하기

by 율✌️ 2022. 5. 12.

jQuery 란?

CSS 를 미리 작성해두어 편리하게 쓰는것이 bootstrap인 것 처럼

Java script를 미리 작성해두어 가져다 쓸수 있는것이 jQuery.

 

 

JS 와 jQuery 코드비교

JS

document.getElementById("element").style.display = "none";

jQuery

$('#element').hide();

 

 

 

jQuery 사용법

  1. https://www.w3schools.com/jquery/jquery_get_started.asp  jQuery CDN 부분을 참고
  2. <head> 와 </head> 사이에 아래 코드를 넣음
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

✔️CSS 처럼 대상을 선택해야 조작할수 있음.

     예) 특정 inputbox의 값가져와줘

✔️ CSS는 선택자를 'class'로 썼지만 JS 에서는 'id'를 쓴다.