반응형
HTML 문서에 jQuery 함수를 선언하는 방법은 아래와 같다.
우선 jQuery 문서를 <script></script> 태그로 링크 시켜야 사용이 가능합니다.
http://code.jquery.com/ 에 접속해줍니다.
jQuery 3.x에 보시면 uncompressed라는 링크가 보이실껍니다. (원하는 버전에 uncompressed 링크 누르시면 됩니다.)
위 사진처럼 나타날텐데 드레그해서 복사하면 번거로우니 해당 페이지에서는 오른쪽에 복사 버튼을 마련했습니다.
누르시면 scrtip 코드만 복사됩니다. 아래와 같이 복사되실껀데요.
<script src="http://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>
자신이 사용하는 IDE에 <head></head>태그 안에 붙여넣습니다. 사진 참고바랍니다.
이렇게 하면 별도의 폴더 생성 및 js 파일을 생성하지 않아도 됩니다.
그런 후에 다시 <script></script>태그를 이용해서 함수를 선언하면 됩니다.
저는 쉬운 예시로 덧셈 함수를 만들어 보았습니다.
HTML 문서 안에 쓰이는 jQuery 함수라 조금 번거롭습니다.
$(function(){}); 에서 function 함수이름() {return 리턴할 값 또는 변수}를 사용해야 작동을 합니다.
브라우저 콘솔 창에 console.log();함수에 쓴 내용값이 출력되게 됩니다.
반응형
'공부 > 개발노트' 카테고리의 다른 글
| [이것이 자바다] 문제 3번 답안 (0) | 2018.10.28 |
|---|---|
| [JAVA] 삼항연산자 사용법 (0) | 2018.10.28 |
| 업힙(UpHeap) 알고리즘 정의하기 (0) | 2016.09.29 |
| 다운힙(DownHeap) 알고리즘 정의하기 (0) | 2016.09.29 |
| [JAVA] 숫자 야구 게임 (0) | 2016.09.28 |
