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 |