[J] JavaScript & jQuery 공부하기 #22

경기도 일자리 재단에서 수업을 배웠고 자료를 참고하여 공부를 해보았다.

 

27. jQuery
  - 모든 브라우저에서 동일하게 동작하는 클라이언트 JavaScript 라이브러리
  - 모든 객체 모델과 관련된 처리, 일관된 이벤트 연결, 시각적 효과를 쉽게 구현할 수 있다.
  - Ajax 애플리케이션을 쉽게 개발 할 수 있다
  - 독립된 언어가 아니라 JavaScript에서 사용 할 수 있는 라이브러리
  - jQuery 라이브러리의 큰 용량 때문에,
    작은 규모의 프로젝트에서는 속도 저하 문제를 야기시킬 수 있다.

  * CDN 호스트를 사용하는 방법
    - CDN은 Content Delivery Network의 약자로,
      온라인상의 대용량 콘텐츠를 빠르게 전송하는 기술이다
      < script type="http://code.jquery.com/jquery-3.2.1.min.js"></ script>

    - jQuery 라이브러리를 직접 내려 받아 사용하는 방법
      < script type="jquery-3.2.1.min.js"></ script>

  * $(document).ready()
    - 웹 페이지의 로딩이 끝나고 사용 할 수 있는 상태가 되면 수행 될 기능 정의

    $(document).ready(function(){
      alert('one') //웹 페이지 로딩이 끝나면 one을 출력
    })

    코드축소 > $(fucntion(){alert('two')});

  * 예제
  < script type="text/javascript">
    $(document).ready(function(){
      $("p").click(function(){
        $(this).hide();
      });
    });
  </ script>

  < body>
    < p>나를 누르면없어짐-1</ p>
    < p>나를 누르면없어짐-2</ p>
    < p>나를 누르면없어짐-3</ p>
  </ body>