생활코딩

Coding Everybody

코스 전체목록

닫기

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. 삼고잉
    jQuery는 엘리먼트들을 쉽게 선택하고 제어할수 있다! ㅎㅎ 감사합니다
  2. 이거쓰세요~
    <script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
    head태그란에 넣으시면 됩니다~
    대화보기
    • '2번 구글의 자바스크립트 라이브러리를 사용하는 경우'
      링크 404 에러뜹니다.
    • 피자
      가으자!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
    • 대화보기
      • daaawnstar
        Thanks.
      • 변태
        이고잉 오빵~ 몰라
      • HUNIPOT
        항상 잘 보고있습니다
      • 블리
        시작
      • 코딩잘하고싶어요 ㅎ
        감사합니다.
      • 이병정
        역시 매끈하게 잘 설명하시는군요. :)
      • 뀨우
        감사합니다 잘 봤습니다.
      • 열정을가진
        감사^^
      • 고스트프리
        시작합니다.^^
      • 이장
      • sheis
        잘 봤어요^^
      • 감사합니다. 기대되네요.
      • crable
        감사합니다.
      • 김소희
        너무 재밌어요정말로! 유익한정보 감사합니다!!!
      • egoing
        내용은 가능한데요. 이미지 중에 삽화는 제가 구매를 한거라서 라이선스 위반일수 있어서 그것만 제외하시면 아무 문제 없습니다 ^^
        대화보기
        • 짜슥이
          강의 감사합니다 !! 상업적 용도가 아닌 블로그에 복습겸 정리하기 위해서 강의 내용과 강의에서 썼던 이미지를 사용해서 블로그에 등록해도 괜찮을까요??
        • 감사합니다!
          정말 너무 감사합니다. 항상 잘 듣고 있습니다. 새해에 운영 하시는 일 모두 풍성히 잘 되시길 기도드립니다.
        • 감사합니다.
          좋은강좌 감사합니다. 설명을 너무 쉽게해주셔서 이해가잘되요!!
        • 류하루
          좋은 강의 감사합니다.!
        • 완료!
          완료! 감사합니다.
        • 가을소녀
          제이쿼리 너무 재미있어요!
          감사합니다.
        • 비단뱀성애자
          큐큐큐. 넘나 자세해서 좋습니다 ^^. 입문자에게는 정말로오 이만한 사이트도 없는 것 같습니다.
        • 우욱진
          감사합니다.
        • Welin
          감사합니다 :)
        • 온달장군
          강좌 잘보고 갑니다. 감사합니다.
        • JustStudy
          고맙습니다
        • runes83
          잘봣습니다
        • 누릉지
          감사합니다
        • selly
          이런 사이트를 운영하시다니... 정말 대단하십니다~
        • 김진수
          여러 강의 잘 보고있습니다.

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

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

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

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

          이고잉님 강좌는 궁금한걸 남겨두질 않으셔서 아주 만족스럽습니다.
        • 좋은 강좌 감사합니다
        • 오성현
          잘보고 갑니다. 제 블로그에 퍼가서 봐도 될까요? 출처는 남기겠습니다.`~
        • 김재호
          강연 잘 보았습니다. 이번에 휴면테크놀로지 어워드 수상 축하드립니다! 가장 잘 어울리는 상 이름이네요!
        • 입문자
          제이쿼리도 업데이트 한번만 부탁드려요
        • femto
          이고잉님 항상 로그아웃하고 보느라 댓글을 못남기는데
          여러강의 잘보고있습니다.
          늘 감사드려요~
        • 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
            버전 관리
            egoing
            현재 버전
            선택 버전
            graphittie 자세히 보기