jQuery 관련 팁을 공유하는 곳입니다. [가입을 하셔야 다운로드가 가능합니다.]
글 수 24
1
조회 수 : 6624 신고 : 0
| 미리보기 : |
|---|
jQuery 는 2010년 5월 현재 1.4.2 버전까지 release 되었다.
http://jquery.com/
에서 튜토리얼과 간략한 설명을 볼 수 있다.
오늘은 jQuery를 사용할때 가장 기본적인 셋팅 방법에 대해 적어보려 한다.
준비물
:
1.jQuery.js
2.사용하고싶은 plug-in
우선 http://jquery.com/ 에 접속하여 우측의 Download 클릭
jQuery를 다운받고 사이트 상단의 plugins 탭을 통해 쓰고싶은걸 선택해서 받을 수 있다.
새로 문서를 하나 만들고 DTD를 선언
난 가장 루즈한 roose.dtd를 선호한다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
이후 <head> </head> 사이에 jQuery.js 를 넣어준다.
<SCRIPT type="text/javascript" src="jquery-1.4.2.js"></script>
그 이후 사용하고싶은 plug-in 들을 그 밑에 삽입해주면 된다.
<script type="text/javascript" src="jquery.blockUI.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>
샘플 테스트를 하려면
우선
<script language="javascript">
$(function(){
alert ('Hello, jQuery!');
});
</script>
이 문구를 <head> </head> 사이에 넣어주고
alert 창이 제대로 뜨면 성공!
 |
http://jquery.com/
에서 튜토리얼과 간략한 설명을 볼 수 있다.
오늘은 jQuery를 사용할때 가장 기본적인 셋팅 방법에 대해 적어보려 한다.
준비물
:
1.jQuery.js
2.사용하고싶은 plug-in
우선 http://jquery.com/ 에 접속하여 우측의 Download 클릭
 |
jQuery를 다운받고 사이트 상단의 plugins 탭을 통해 쓰고싶은걸 선택해서 받을 수 있다.
 |
새로 문서를 하나 만들고 DTD를 선언
난 가장 루즈한 roose.dtd를 선호한다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
이후 <head> </head> 사이에 jQuery.js 를 넣어준다.
<SCRIPT type="text/javascript" src="jquery-1.4.2.js"></script>
그 이후 사용하고싶은 plug-in 들을 그 밑에 삽입해주면 된다.
<script type="text/javascript" src="jquery.blockUI.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>
샘플 테스트를 하려면
우선
<script language="javascript">
$(function(){
alert ('Hello, jQuery!');
});
</script>
이 문구를 <head> </head> 사이에 넣어주고
alert 창이 제대로 뜨면 성공!
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
아이콘이 붙게됩니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
아이콘이 붙게됩니다.
첫번째 댓글을 남겨주세요!
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상
닫기