http://jquery.com/ 제이쿼리 사이트에서 파일 다운
해당 파일을 저장을 하고 저장위치를 기억하여 사용할 수 있게 한다.
제이쿼리 : $;
제이쿼리 실행 : $();
파일을 import한 후 사용
<script src="js/jquery-1.11.3.js"></script>
또는
https://developers.google.com/speed/libraries/#jquery 에서 사용할 버전에 맞게
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
작성할 수 있다.
소스 (사용하는 방법1)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="js/jquery-1.11.3.js"></script> <script> // $;//제이쿼리 // $();//제이쿼리 실행 var func = function(){ alert("func"); }; $(func);//사용1 </script> </head> <body> </body> </html> | cs |
결과
소스 (사용하는 방법2)
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"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="js/jquery-1.11.3.js"></script> <script> // $;//제이쿼리 // $();//제이쿼리 실행 jQuery(function(){ alert('action'); });//사용2 </script> </head> <body> </body> </html> | cs |
결과
소스 (사용하는 방법3)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="js/jquery-1.11.3.js"></script> <script> // $;//제이쿼리 // $();//제이쿼리 실행 $(function(){ $("*").css("border","1px solid red"); });//사용3 </script> </head> <body> <h1>제이쿼리</h1> <p>제이쿼리를 사용해서 제어합니다</p> </body> </html> | cs |
결과
jquery 공부 참고
'* Programming > JQuery' 카테고리의 다른 글
| ex05.html(선택자) (0) | 2016.10.06 |
|---|---|
| ex04.html (0) | 2016.10.06 |
| ex03.html(href) (0) | 2016.10.06 |
| ex02.html (0) | 2016.10.06 |
| ex01.html (0) | 2016.10.06 |