자바스크립트| 라이센스요청(안내) 주문제작 | 질문답변| 팁앤태크| 강좌 | 설문
 
 
  포인트안내 | 입금통보 | 제이쿼리 라이센스안내
오늘 : 178 명 | 어제 : 289 명 | 현재 : 18 명
 
[공지사항] 4월 출첵이벤트 (1)
+ 강좌 +
- 부족하지만 아는선에서 이제 시작하는 분들께 조금 도움이 될까 하여 작성해 보았습니다
- 댓글남겨주시면 힘이 되고 남기신 글 모두 확인되니 필요한 경우 답변 받을 수 있습니다
 
작성일 : 13-06-01 16:59
제목 [자바스크립트] jquery(제이쿼리)?
작성자 디블
조회수 7,145
늘 그렇지만 우린 우리 수준에 맞게...쉽게 풀어보자구요

웹페이지에 움직임을 주거나 마우스에 인터렉티브하게 반응하는 등 좀 더 다이나믹하게 페이지를 연출할 수 있다 면 재미나겠지요?

이런 동적인 요소는 자바스크립트나 플래시를 이용해 만들 수 있는데 ... 현재는 모바일쪽에서 플래시가 보이질 않는지라 자바스크립트로 많이 작업을 합니다...

근데 이 자바스크립트가 코드가 참 깁니다...

간단하게  ... 오브젝트 하나를 잡아서 움직임을 줄려고 한다... 고 할때 .. 먼저 움직일 대상을 선택해야겠죠...

id ->       document.getElementById("id")                     //id를 선택
class ->  document.getElementByClass("class")          //class를 선택
tag  ->    document.getElementByTagName("tag")         //태그를 선택

길군요... 아무것도 하지 않았는데 왠지 벌써 지칠려고 하네요...

제이쿼리라면

id  ->       $("#id")
class ->   $(".class")
tag ->       $("tag")

이런 완전 간단해 졌군요....코드가 10분의1로 줄었어요...

마찮가지로 100줄의 자바스크립트를 10줄로 줄일 수 도 있겠습니다...

jquery(제이쿼리)는 다소 지루하고 복잡한 자바스크립트 코드를 좀 더 손쉽고 간결하게 빨리 작업 할 수 있도록 도와주는 자바스크립트 라이브러리(도구, 연장 같은) 입니다...

이런 라이브러리는 jquery외에 많이 있습니다만...
저도 여러분도 jquery만 아니까...jquery가 압승한걸로 이해하심 되겠습니다...^^;

그럼 jquery 코딩을 바로 막 하는건 아니고 이렇게 간결하게 쓸 수 있도록 js(jquery라이브러리)를 하나 호출해야 합니다.

보통 head에 붙여놓습니다.

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

jquery.com 에서 가져다 쓰라고 올려놓은것입니다...

구글도 있고 마소도 있고 jquery cdn 이라고 검색하면 나옵니다...

다운받아 서버에 올려서 연결해도 되고 링크걸고 써도 됩니다.

뒤에 숫자는 버전이고 높을수록 최신이겠죠...

자 링크하나로 이제 jquery를 쓸 준비는 모두 되었습니다...

참...쉽죠잉...

담엔 실제 예제를 통해 실습해 보자구요...

화이팅이요..^^
마비 13-11-28 10:07
기대됩니다 +_+
김종우 15-01-30 10:05
좋은정보 감사합니다 ^^
김종우 16-01-29 11:12
좋은 강좌가 있군요 ^^ 앞으로 기대됩니다.
하림부 17-02-08 20:33
이것부터 봐야겠네요. 차근차근~

 
Total 76
글번호 제목 작성자 작성날짜 조회수
초보는 초보가 가르쳐야 잘 가르친다...ㅋㄷ (66) 디블 04-27 12721
76 [자바스크립트] css text and img menu , ir , javascript menu (19) 디블 06-13 7571
75 [자바스크립트] 제이쿼리 셀렉트, css , bind (9) 디블 06-12 7827
74 [자바스크립트] 제이쿼리 시작 (2) 디블 06-10 7459
73 [자바스크립트] jquery(제이쿼리)를 위한 기초 스타일 (9) 디블 06-10 7527
72 [자바스크립트] 표준코딩? 비표준코딩? (5) 디블 06-04 7198
71 [자바스크립트] jquery(제이쿼리)? (4) 디블 06-01 7146
70 [플래시] 3.0_contextMenu (3) 디블 07-22 7688
69 [플래시] 3.0_php (11) 디블 06-22 5047
68 [플래시] 3.0_xml (10) 디블 06-18 5086
67 [플래시] 3.0_imgSkew (5) 디블 06-18 2651
66 [플래시] 3.0_textFormat (1) 디블 06-18 2924
65 [플래시] 3.0_loadMovie (6) 디블 06-18 3457
64 [플래시] 3.0_tween (2) 디블 06-17 2837
63 [플래시] 3.0_link (1) 디블 06-17 2700
62 [플래시] 3.0_hitTest (1) 디블 06-17 3496
 1  2  3  4  5  6  
디자인블랙 | 공세헌 | 부산 해운대구 중동 달맞이경동메르빌 104동 1607호 | 010-4577-5965
메일 : designblack@nate.com : 네이트온 : 10~18시
사업자등록번호 605-22-56543 | 통신판매신고 제 2008-부산진-0178호 | 이용약관
농협 : 177506-51-008469 : 공세헌