JQuery

JQuery

* DOM을 내부로 감추고 보다 쉽게 웹페이지를 조작할 수 있도록 돕는 JavaScript 라이브러리이다.

* 엘리먼트를 선택하는 강력한 방법과 선택된 엘리먼트들을 제어할 수 있는 다양한 수단을 제공하는 자바스크립트 라이브러리

- JQuery의 로드 방법

1. 라이브러리 파일을 다운 받아 직접 연결

2. 원하는 라이브러리 버전 직접 연결

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

3. CND를 이용하는 방법 ( 보안 문제 가능성 있음. )

<script src="https://code.jquery.com/jquery-latest.js"></script>

- 사용 예제

 <script>
  jQuery( document ).ready(function( $ ) {
      $('body').prepend('<h1>Hello world</h1>');
  });
 </script>

* Body 태그 아래에 <h1>Hello World</h1> 코드가 만들어진다.

* jQuery(document).ready(function($){ }); 로 코드를 감싸는 것이 이상적이다.

H O M E