1. jQuery와 jQuery Mobile
자바스크립트 개발시 크로스 브라우징 문제 등을 쉽게 해결하는 기법을 jQuery 프레임워크에서 제공함.
jQuery 2.x 는 인터넷 익스플로러 6,7,8은 지원을 안함
그래서 jQuery 1.x버젼으로 해봄
다음의 jquery.com과 jquerymobile.com 파일을 다운 받는다.
앱타나 스튜디오로 돌아가서 아래와 같이 js 폴더를 만들고
jquery.mobile-1.4.5.css 파일 jquery.mobile-1.4.5.js 파일 jquery-1.11.2.js 를 놓는다.
그리고 코드로 돌아가서 아래 link와 script 소스를 추가해준다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<title>08-01</title>
<link rel="stylesheet" href="js/jquery.mobile-1.4.5.css"/>
<script src="js/jquery-1.11.2.js"></script>
<script src="js/jquery.mobile-1.4.5.js"></script>
<script type="text/javascript">
//우리 코드는 여기에
</script>
</head>
<body>
</body>
</html>
그리고 jquery 코드를 쉽게 짜기위한 앱타나 스튜디오 세팅 시작
commands->bundle development -> install bundle로 간다.
다음 화면에서 jquery를 클릭 후 ok버튼
그럼 자동으로 알아서 된다.
'프로그래밍 > 자바스크립트' 카테고리의 다른 글
Javascript - jQuery Mobile 컴포넌트 - 리스트뷰 (0) | 2015.01.30 |
---|---|
Javascript - jQuery Mobile 컴포넌트 - 페이지, 버튼, 툴바 (0) | 2015.01.29 |
Javascript - jQuery 기본 효과, 페이딩, 슬라이딩 (0) | 2015.01.29 |
Javascript - 셀렉터 기본 개념 및 예제 (0) | 2015.01.28 |
Javascript - 간단한 가위바위보 게임 만들기 (2) | 2015.01.27 |
Javascript - 웹브라우저 별 이벤트 처리 (0) | 2015.01.25 |
Javascript - 객체 생성 과정 및 상속 (0) | 2015.01.25 |
Javascript - 로또 번호 생성기 만들기 (0) | 2015.01.23 |