[jQuery] jQuery의 기본

jQuery가 무엇인지 간단하게 알아본다.

• javascript : 클라이언트 언어로 web server와는 관계되지 않는다.
• css : 클라이언트 언어, 디자인에만 사용된다.

jQuery 란?

• javascript를 경량화하고 간략화 시켜놓은 javascript의 라이브러리
• Ajax 호출을 할 수 있다.
• DOM 조작 등을 단순화한 것이다.

Get Started

• jQuery를 시작하기 위해서 js파일을 link해주어야 한다.

1. google CDN

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

1. file을 직접 다운 받아서 프로젝트에 link 한다.

• jquery-3.2.1.min.js 를 jquery폴더 하위에 저장한다.

jquery
└ jquery-3.2.1.min.js

<script src="./jquery/jquery-3.2.1.min.js"></script>

1. code CDN 을 link 한다.

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>

jQuery 시작하기

• jQuery 는 시작하기에 앞서 기본 구조를 갖는다.
• 기본 구조는 2가지인데 편한 것을 사용하면 된다.

<script type="text/javascript">
// 첫번째
$(document).ready(function (){
  // jQuery 코드
});

// 두번째
$(function () {
  // jQuery 코드
});
</script>