반응형
html 파일에 jquery를 사용하려면 어떻게 해야 할까?
방법은 두 가지가 있다. 링크를 사용하는 방법과 Jquery 코드를 다운받아 사용하는 방법이다.
링크 사용하기
먼저 구글에 jquery CDN 이라고 검색하자. (https://code.jquery.com/)
다음과 같이 나오면 가장 최신 버전 jquery의 minified를 누른다.
누르면 다음과 같이 나오는데 이 부분을 복사하여 html파일에 넣어주면 된다. 넣어주는 위치는 다음과 같다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
//html body
<script
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script>
//자바스크립트, Jquery
</script>
</body>
</html>
http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter
|
내가 넣을 자바스크립트 부분 위에 넣어주면 jquery를 바로 사용할 수 있다.
다운로드 받기
jquery 홈페이지 (https://jquery.com/) 에 들어가 파일을 다운로드 받은 후 원하는 프로젝트에 넣어주면 된다.
다음과 같이 넣어주고 html을 작성하면 된다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
//html body
<script>
//자바스크립트, Jquery
</script>
</body>
</html>
http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter
|
반응형
'Web > Jquery' 카테고리의 다른 글
| [Web] Jquery 이벤트 핸들러에 파라미터가 있는 함수 적용하기 (0) | 2019.06.30 |
|---|
