JS jQuery

라이브러리

: 개발자가 자주 쓰는 기능들을 미리 만들어 놓은 것

제이쿼리 jQuery

: JS에서 사용하는 라이브러리. 짧고 쉽게 쓸 수 있도록 도와주는 도구.

jQeury 사용법

1. cdnjs 주소 검색, jQuery 찾아서 링크 복사 -> HTML 상단에 입력
   < ! -- 제이쿼리 -- ! >
   < script src="링크 주소"> < /script >
2. codepen 설정 - JS - jQeury 검색 후 적용

• 자바 스크립트 실행 순서
  : HTML, CSS가 다 로드된 다음 마지막으로 실행되어야 함 (애니메이션 먼저 X)

• jQeury 함수 - 간결하게 작성 가능

function hello() {
	var els = $("div");
	els.css('background-color', 'blue');
}

---> 더 쉽게 ($는 교장, 지도자 한 명이 더 생김)

function hello() {
	$("div").css('background-color', 'blue');
}

jQeury로 버튼 눌렀을 때 적용하는 법 (class="btn")

$('.btn').click(hello);

click : 클릭
dblclick : 더블클릭
mouseenter : =hover
mouseleave : 마우스 나갔을 때

HTML로 적용하는 법

<button onclick="hello();">버튼</button>