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 를 $ 로 변경해 보면,
* 오늘의 Summary
주위에서 jquery 할줄 알아? 이랬을때엔... 쿼리라길레 SQL 의 뭐 또 새로운 쿼리문이 나왔나 하는 생각도 했었다.
이건 나만 그런거였었나;;; ^^;
여튼, jQuery 란,
일종의 javascript 언어 랍니다.
javascript 보다 보다 더 강력하고, 다이나믹한 script 언어 라고 보시면 됩니다.
자, 그럼 이제 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..!");
});
alert("Hello jQuery..!");
});
* 오늘의 Summary
'JavaScript > JQuery' 카테고리의 다른 글
[jQuery] Adjacent sibling ( E + F ) (0) | 2011.02.26 |
---|---|
[jQuery] Child ( E > F ) (0) | 2011.02.26 |
[jQuery] javascrtip vs jQuery 문법 비교 (0) | 2011.02.26 |
[JQuery] JQuery Library 다운로드 (0) | 2011.02.26 |
[JQGRID] jqgrid & jquery 참고 API 사이트 (1) | 2011.02.22 |