반응형

jQuery를 사용 하려면. jQuery가 필요하겠죠

 

 

jQuery를 사용하는 방법은 두가지가 있습니다.

 

1. 주소 가져오기!

 

html 소스코드 안에

 

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

 

넣으면 됩니다.

 

2. 원본 파일 가져오기

 

제이쿼리 홈페이지( http://jquery.com/ )

 

 

 

 

빨간 상자 클릭!

 

 

 

 

압축형과 비압축형이 있는데 사용하는 데는 차이는 없습니다.

 

어떤 구조인가 소스를 보고 싶으시면 비압축형 파일을 받으시면 됩니다.

 

똑같이 html 소스코드 안에

 

<script type="text/javascript" src="jquery-3.2.1.min.js"></script>

 

넣으시면 됩니다.

 

그리고 확인 해보면 되겠죠

 

 

<!DOCTYPE html>
<html>
<head>
  <title> jQuery </title>
 <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>    //1번

 <script type="text/javascript" src="js/jquery-3.2.1.js"></script>         //2번 둘중 아무거나.
  <script>
  $(document).ready(function(e) {
                  alert('Test');
              });
  </script>
</head>

<body>
</body>
</html>

 

참고)

공부용으로는 1번이 편하니 사용하면 되지만

 

 실제 사용함에서는 압축된 jQuery를 받아 경로를 설정해주는 것이

 

좀 더 빠르게 웹페이지를 불러올 수 있습니다.

 

 

반응형

'Computer Language > Jquery' 카테고리의 다른 글

jQuery 메뉴 효과 hover  (0) 2017.07.30
jQuery toggle(토글) 버튼  (0) 2017.07.29

+ Recent posts