본문 바로가기
개발일지/Web Development

jQuery 제이쿼리 기초

by jungwonyu 2022. 1. 25.
728x90

jQuery 란?

 

jQuery VS Javascript

  • Javascript
document.getElementById("element").style.display = "none";
  • jQuery
$('#element').hide();

👉 Javascript로 길고 복잡하게 써야 하는 것을 jQuery로 직관적으로 쓸 수 있음

 

 

jQuery 사용법

1) 임포트

- https://www.w3schools.com/jquery/jquery_get_started.asp

(jQuery CDN 부분 참고)

 

jQuery Get Started

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

2) <head> 와 </head> 사이에 jQuery CDN 붙여 넣기

3) id 값을 통해 가리키기(CSS에서 선택자로 class를 사용한 것과 동일)

'개발일지 > Web Development' 카테고리의 다른 글

jQuery 연습하기  (0) 2022.01.25
jQuery 제이쿼리 활용하기  (0) 2022.01.25
homework - 1주차 / 간단한 나만의 쇼핑몰 만들기  (1) 2022.01.25
Javascript 연습하기  (0) 2022.01.24
Javascript 기초 문법 - 2  (0) 2022.01.24