본문 바로가기
jQuery

jQuery 시작하기.

by Dokon Jang 2017. 3. 21.
반응형

jQuery는 경량화된 자바스크립트 라이브러이이며, 자바스크립트를 더욱 쉽게 사용할 수 있게 해줍니다.

그리고 마이크로 소트프, 구글등에서도 사용하고 있는 유용한 라이브러이입니다.

 

jQuery를 시작하기 위해서는 jQeury를 라이브러리응 다운로드 해야 사용 할 수 있습니다.

이제 jQuery를 시작 해 볼까요

 

 

1. jQuery 공식 홈페이지의 다운로드 페이지로 이동합니다..

http://jquery.com/download/

 

2. 개발용 jQuery 라이브러리를 다운로드 합니다.

 

3. jQuery를 사용하기 위해 html에 jQuery를 추가해야 합니다.

<head>
<script src="jquery-3.2.0.js"></script>
</head>
 

 

4. 아래와 같이 html을 작성합니다.

   $(document).ready(function(){...) 은 body 태크의 onLoad 이벤트와 동일합니다.

<html>
<head>
<script src="jquery-3.2.0.js"></script>
<script>
    $(document).ready(function(){

       alert("Hello");

    });
</script>
</head>

<body>
Hello jQuery.
</body>
</html>

  ※ 아래의 이미지와 같이 jquery-3.2.0.js와 html 파일은 동일 폴더에 존재해야 합니다.

      

 

5. 로컬에서 작성한 html을 브라우저(IE)에서 열면 아래와 같은 메세지가 표시되는데,

   차단된 콘텐츠 허용을 클릭하면 jQuery가 실행됩니다.

 

6. 아래의 이미지는 실행 예입니다.

 

 

반응형

댓글