<Javascript> Javascript 시작하기 + jquery 다운로드

Javascipt : 순수 웹언어 x. 

Javascript의 웹에서의 역할 : 

대상을 찾는다(유저) -> 행위를 한다(클릭, 입력, 스크롤...) (유저) -> 감지 (js) -> 기능수행(js)

HTML

<div class="box" onClick="alert('Hello')"></div>

C

대상을 찾는다 ( .box ) -> 행위를 한다 (onClick) -> 감지 -> 기능수행(alert('Hello')

* 원래 js를 HTML과 함께 쓰면 안된다. 파일을 분리하는 것이 웹표준.

1. jQuery설치 

 * ( 없어도 js 가 실행되긴 한다. jquery는 js의 라이브러리)

https://jquery.com/

2. 원하는 것 골라서 설치. 나는 compressed product 설치

3. 적당히 js폴더를 만들고, 그 안에 jquery 다운로드 받은 파일을 옮긴다.  

4. HTML 파일과 연결하기

* jQuery 맛보기 * 

document.getElementById('box').addEventListener('click',function(){

alert('js');

})

이 코드를 jQuery로 작성하면

jQuery('#box').on('click',function(){

alert('jquery')

}); 

로 줄여쓸 수 있고 더 줄인다면

$('#box').on('click',function(){

alert('jquery')

}); 

로 줄일 수 있다