jQuery 수업

jQuery란?

라이브러리란?(library)

자주 사용하는 코드들을 재사용할 수 있는 형태로 가공해서 프로그래밍 효율을 높여주는 코드들

jQuery란?

  1. 엘리먼트를 선택하는 강력한 방법과
  2. 선택된 엘리먼트들을 효율적으로 제어할 수 있는 다양한 수단을 제공하는
  3. 자바스크립트 라이브러리

Hello world - 첫번째 jQuery

사용방법

  1. 직접 서비스 하는 경우
    1. http://jquery.org 에서 jquery 소스코드를 다운로드 한다.
    2. 위의 파일을 서버에 업로드 한 후 웹페이지 안에서 자바스크립트를 삽입한다.
       
  2. 구글의 자바스크립트 라이브러리를 사용하는 경우
    1. http://code.google.com/intl/ko-KR/apis/libraries/devguide.html#jquery
<html>
     <body>
         <div class="welcome"></div>
         <div class="welcome"></div>
         <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
         <script type="text/javascript">
                 $('.welcome').html('hello world! coding everybody!').css('background-color','yellow');
         </script>
     </body>
 </html>

댓글

댓글 본문
작성자
비밀번호
  1. 류하루
    좋은 강의 감사합니다.!
  2. 완료!
    완료! 감사합니다.
  3. 가을소녀
    제이쿼리 너무 재미있어요!
    감사합니다.
  4. 비단뱀성애자
    큐큐큐. 넘나 자세해서 좋습니다 ^^. 입문자에게는 정말로오 이만한 사이트도 없는 것 같습니다.
  5. 우욱진
    감사합니다.
  6. 감사합니다 :)
  7. 온달장군
    강좌 잘보고 갑니다. 감사합니다.
  8. JustStudy
    고맙습니다
  9. runes83
    잘봣습니다
  10. 누릉지
    감사합니다
  11. 이런 사이트를 운영하시다니... 정말 대단하십니다~
  12. 김진수
    여러 강의 잘 보고있습니다.

    무엇보다 수강생 입장에서 궁금하다 싶은것을

    물어보기도전에 이미 여러분은 이게 궁금하시겠지요 같이 말씀하시면서

    먼저 해결해주시는게 참 만족스럽습니다.

    예제만 뿌려놓고 대강 넘어가는 강좌들이 많은데

    이고잉님 강좌는 궁금한걸 남겨두질 않으셔서 아주 만족스럽습니다.
  13. 좋은 강좌 감사합니다
  14. 오성현
    잘보고 갑니다. 제 블로그에 퍼가서 봐도 될까요? 출처는 남기겠습니다.`~
  15. 김재호
    강연 잘 보았습니다. 이번에 휴면테크놀로지 어워드 수상 축하드립니다! 가장 잘 어울리는 상 이름이네요!
  16. 입문자
    제이쿼리도 업데이트 한번만 부탁드려요
  17. femto
    이고잉님 항상 로그아웃하고 보느라 댓글을 못남기는데
    여러강의 잘보고있습니다.
    늘 감사드려요~
  18. Jrs Marx Heimer
    아~~ 답글 감사합니다.
    참 유용할 것 같았는데 폐지되었다니 아쉽네요 ~~
    강좌 여러모로 도움많이 되고 있습니다. 감사합니다.
    대화보기
    • egoing
      그건 과거에 있었던 기능인데요.
      지금은 폐지 되었어요 ^^
      대화보기
      • Jrs Marx Heimer
        egoing님 좋은강의에 많은 도움되고 있습니다.
        감사의 말씀 미리 전하며 질문 하나만 하겟습니다.

        강좌 동영상에 보면 browser 하단에 jsFiddle 처럼 html, js, css 등의 code들이 실시간 script되어
        나타나던데 이리저리 찾아봐도 도저히 어떤건지 모르겟네요
        plugin 인지 아님 webservice인지 serverside 인지 좀 갈켜주세요 ㅠㅠ

        한 15년 손떼었다가 다시 할려니 이건 뭐~~~ 정말 격세지감이네요 ㅋㅋ ^^;;
      • dorosi
        목소리 너무 좋아요~~ 강좌 들을때 정말 친근한 느낌이 들어요..감사합니다.
      • 찐똥구리구리
        <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
        위의 주소와는 또 다른 점이 있나요??
        저도 jQuery 달려봅니다. 이고잉님 만세~
      • 환글
        오랜만에 다시 강의를 듣습니다. 고맙습니다.
      • 진화
        감사합니다.
      • 최 봉재
        구글보다 더욱 빠른 CDN
        <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.0.min.js"></script>
      • 루디아
        제이쿼리 수업 너무 기대되네요~~많은 도움 받고 있어요 `감사해요~
      • 김성희
        구글 자바스크립트 라이브러리 url 이 아래 주소로 바뀌었네요.
        https://developers.google.com......ide
      • 첼로
        자바스크립트 완강하고 ~ jQuery 강의 시작하러 왔습니다^^
        열심히 배우겠습니다. 감사해요^^
      • 부산고라니
        쉬운 설명과 코딩 감사합니다..

        그런데 유투브 720p인데..코드가 흐리가 잘 안보이는데 어떻게 하면 선명하게 볼 수 있을까요???

        크롬으로 보고 있습니다..
      • 조니섹쉬
        ㄳㄳ
      • Dong Il Kim
        정말 쉽게 설명을 해주시네요. :)
      • selly
        차분하게 설명해 주니 이해도 쉽고.. 앞으로 jquery 와 친해질듯한 기분에 너무 좋아요~~~ 감사합니다~
      • silverhyuk
        flicker에서 "이 사진을 현재 사용할 수 없습니다." 라는 메세지가 나오네요.
        확인부탁드릴게요~~
      • HwangTY
        제이쿼리 어려울줄알았는데 스크립트 선행한상태로 보면 괜찮네요~
      • 서리
        flickr에서 가져온 사진이 깨져있습니다. 수정부탁드립니다...
      • adepter
        좋은강의 감사드립니다 ^^
      • 정보문
        ㄱ ㅅ 이런 분이 계셔서 대한민국이 아름답네요
      • Chris
        JQuery 는 체인이다.$(제어대상).mehtod1().method2(); 주어 : 서술어
      • DaeGyung Gang
        아랫분 마냥, 저도 쭈쭉 밀고 오고 있습니다~
      • koyulka
        덕분에 늘 잘 배우고 있습니다.
        jquery 문법 사진이 없어졌어요~
      • odrip
        저에겐 어려운 강의를 쉽게 잘 알려주시는거 같아서 재밌게 듣고 있습니다.고맙습니다.^^
      • papapang
        제이쿼리를 드디어 배우네요. 기대됩니다.^^ 아싸!
      • jamesleeplan
        드디어 jquery까지 왔습니다. such a nice curriculum Thank u master ^^
      • Starmomo
        이고잉님, 목소리 좋습니다. ^^
        잘 듣고 있습니다. 고맙습니다.
      버전 관리
      egoing
      현재 버전
      선택 버전
      graphittie 자세히 보기