본문 바로가기

JavaScript/JQuery

[jQuery] jQuery 들어가기. jQuery 란?

jQuery.... 처음 jQuery( 발음 : 제이쿼리) 를 들었을때엔 정말 듣보잡 이었다.
주위에서 jquery 할줄 알아? 이랬을때엔... 쿼리라길레 SQL 의 뭐 또 새로운 쿼리문이 나왔나 하는 생각도 했었다.
이건 나만 그런거였었나;;; ^^;

여튼, jQuery 란,

일종의 javascript 언어 랍니다.
javascript 보다 보다 더 강력하고, 다이나믹한 script 언어 라고 보시면 됩니다.

자, 그럼 이제 jQuery 가 어떤식으로 쓰이는지 한번 볼까요?~ ^^


"Hello Jquery" 띄워 봅시다.

editPlus 나 notepad 나 각종 자신의 구미에 맞는 에디트 파일을 열어 HTML 파일을 하나 만듭니다.

1. 파일 - 새파일 - HTML 파일 을 선택합니다.



2. jquery-1.5.1.js 파일을 import 합니다 ( src="jquery-1.5.1.js 파일이 있는 경로" )



3. 다음과 같이 구문을 써 줍니다.



" jquery 에 쓸만한 document 준비 끝나면 이 함수를 실행 시켜라 " 라는 뜻입니다
일반적인 javascript 의 "onload" 와 같은 기능 인것 같네요~! ^-^
(저도 누구 블로그에서 보았는데 이설명이 최적이던것 같더라구요.... -_-;;;)

4. alert 창을 띄어 alert 창에 "Hello JQuery!" 를 찍어 봅시다.



5. 이제 저장시킨 html 파일을 열어  "Hello JQuery!" 가 제대로 alert 창으로 띄어지는지 확인해야겠죠!? ^-^




자, 정말 중요한게 있어요.

위에서 쓴 jQuery 는 근데 흔히 정말 개발된 소스에서는 볼수 없을꺼예요!! Why?!!!

$ 라는 문자로 대체 되기 때문이죠.

$ = jQuery 라고 생각하시면 됩니다.

jQuery 를 $ 로 변경해 보면,
  $(document).ready(function () {
    alert("Hello jQuery..!");
  });

* 오늘의 Summary