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. wecae
    cgoing / 200913
  2. 객체가뭐야
    완료!
  3. ㄳㄳ
  4. 없으면안돼요
    수강완료
  5. 얼그레이
    수강 완료! 감사해요 :)
  6. https://jquery.com......ad/
    └다운로드 주소

    https://code.jquery.com.......js
    └현재 최신 버전 직링크
  7. ㅋㅋㅋ
    ㅋㅋㅋㅋㅋㅋ
    대화보기
    • ㅋㅋ
      ㅋㅋ
      대화보기
      • 허공
        감사합니다!
      • 수업중
        킼킼
      • 이달
        완료
      • 조이풀
        고맙긴 한데 위에 주소 안맞습니다!
      • ericpark
        감사합니다
      • 삼고잉
        jQuery는 엘리먼트들을 쉽게 선택하고 제어할수 있다! ㅎㅎ 감사합니다
      • 이거쓰세요~
        <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
              이런 사이트를 운영하시다니... 정말 대단하십니다~
            • 김진수
              여러 강의 잘 보고있습니다.

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

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

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

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

              이고잉님 강좌는 궁금한걸 남겨두질 않으셔서 아주 만족스럽습니다.
            • 좋은 강좌 감사합니다
            • 오성현
              잘보고 갑니다. 제 블로그에 퍼가서 봐도 될까요? 출처는 남기겠습니다.`~
            버전 관리
            egoing
            현재 버전
            선택 버전
            graphittie 자세히 보기