본문 바로가기
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. 아래의 이미지는 실행 예입니다.

 

 

반응형

태그

댓글0