생활 웹디자인

코스 전체목록

닫기

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. labis98
    20210918 좋은 강의 감사합니다.
  2. Mark Kim
    이전에는 공부에 필요성을 못 느끼다가
    이번에 생활코딩 강의를 통해서 자바스크립트를 공부하다가 jQuery에도 관심이 생겨서 공부를 시작합니다.
    다른 새로운 라이브러리도 계속해서 생겨나지만 그렇다고 오래된 기술의 가치가 떨어지지는 않는다는걸 느끼고
    열심히 공부할 생각입니다.
  3. 김성은
    10년전 영상이네요 ㅎ 목소리에 젊음이 느껴지시네요 ㅎ

    api를 사용하는 방법을 검색중에 여기까지 오게 됐습니다.

    요즘에는 jQuery.getJSON보다 fetch를 사용한다고 하지만 jQuery도 한번 써보고 싶어서 강의 듣습니다.

    감사합니다
  4. 중1 학생인데 생활코딩님 강의 언제나 잘 보고 있습니다~ 감사해요!
  5. 든든,구름씨
    이제야 봄!
  6. Gomee
    포기하지 않고, 다시 봄!
  7. wecae
    cgoing / 200913
  8. 객체가뭐야
    완료!
  9. ㄳㄳ
  10. 없으면안돼요
    수강완료
  11. 얼그레이
    수강 완료! 감사해요 :)
  12. NULL
    https://jquery.com......ad/
    └다운로드 주소

    https://code.jquery.com.......js
    └현재 최신 버전 직링크
  13. ㅋㅋㅋ
    ㅋㅋㅋㅋㅋㅋ
    대화보기
    • ㅋㅋ
      ㅋㅋ
      대화보기
      • 허공
        감사합니다!
      • 수업중
        킼킼
      • 이달
        완료
      • 조이풀
        고맙긴 한데 위에 주소 안맞습니다!
      • 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
              고맙습니다
            버전 관리
            egoing
            현재 버전
            선택 버전
            graphittie 자세히 보기