[HTML, Javascript] jQuery

jQuery

• HTML 클라이언트 사이드 조작을 단순화하도록 설계된 크로스 플랫폼의 자바스크립트 라이브러리
• MIT 라이선스를 가진 자유 오픈 소프트웨어
• 사용 이유
  • 페이지 내부 요소에 접근하기 쉽다
  • 페이지의 보여지는 모습을 변경하기 쉽다
  • 상호작용 처리가 쉽고 애니메이션 사용 가능
  • AJAX의 사용이 쉽다

jQuery의 시작

 

$(document).ready(function(){
   // process.. 
});

제이쿼리가 자바스크립트보다 더 빨리 실행되는 이유는 document문서가 로드되었을 때(text문서만 로딩) 제이쿼리는 실행된다. 하지만 자바스크립트의 window.onload는 모든 내용을 로드 한 뒤 실행된다.

 

jQuery 선택자(selector)

 

$("p")	element selector
$("#id")	id selector
$(".class")	class selector

[출처] https://www.w3schools.com/jquery/jquery_ref_selectors.asp

 

❗ 이밖에도 jQuery문법은 다양하다. https://www.w3schools.com/jquERy/default.asp 를 참고하도록 ❗