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();함수에 쓴 내용값이 출력되게 됩니다.





'공부 > HTML' 카테고리의 다른 글

jQuery 함수 선언 방법  (0) 2018.04.09