JQuery Mobile

소문자 size = 351 KB / 142 KB (minified) / 40 KB (minified, gzipped) **jQuery Mobile**(제이쿼리 모바일)은 터치에 최적화된 웹 프레임워크(모바일 프레임워크), 더 구체적으로 말해 JQuery 프로젝트 팀이 개발한 자바스크립트 라이브러리이다. 개발은 다양한 스마트폰과 태블릿 컴퓨터와 호환되는 프레임워크를 만드는 것에 초점을 두고 있다.url=https://jquerymobile.com/gbs/ (성장 중인 다기종 태블릿, 스마트폰 시장에 필수적)url-status= jQuery Mobile 프레임워크는 다른 모바일 앱 프레임워크access-date= 및 플랫폼(폰갭, Worklighturl-status=dead 등)과 호환된다.
# 사용예
$('div').on('tap', function(event){ alert('element tapped '); }); $(document).ready(function(){ $('.myList li').on('click touchstart', function() { $('.myDiv').slideDown('500'); }); }
# 모바일 브라우저 지원
{| class="wikitable sortable" |- ! | 플랫폼 ! | 버전 ! | 네이티브 ! Phone Gap ! colspan="3" | 오페라 모바일 ! colspan="2" | 오페라 미니 ! colspan="2" | Fennec ! Ozone ! Net front |- ! 0.9 ! 8.5, 8.65 ! 9.5 ! 10 ! 4.0 ! 5.0 ! 1.0 ! 1.1* ! 0.9 ! 4.0 |- ! rowspan="3" | iOS | v2.2.1 | A | A | | | | | | | | | |- | v3.1.3, v3.2 | A | A | | | | | A | | | | |- | **v4-7.0** | A | A | | | | | A | | | | |- ! rowspan="2" | 심비안 S60 | v3.1, v3.2 | A | | A | | A | A | A | | | C | C |- | **v5.0** | C | C | C | | A | C | A | | | | |- ! rowspan="2" | 심비안 UIQ | v3.0, v3.1 | | | C
8.65 | | | | | | | C | |- | **v3.2** | | | | C | | | | | | C | |- ! Symbian Platform | v.3.0 | A | | | | | | | | | | |- ! rowspan="4" | 블랙베리 OS | v4.5 | C | | | | | C | C | | | | |- | v4.6, v4.7 | C | C | | | | C | B | | | | |- | **v5.0** | B | A | | | | C | A | | | | |- | v6.0 | A | A | | | | | A | | | | |- ! rowspan="3" | 안드로이드 | v1.5, v1.6 | A | A | | | | | | | | | |- | v2.1 | A | A | | | | | | | | | |- | **v2.2** | A | A | | | A* | | C* | | A* | |- ! rowspan="3" | 윈도우 모바일 | v6.1 | C | | C | C | C | B | C | B | | | C |- | **v6.5.1** | C | | C | C | A | A | C | A | | | |- | v7.0 | A | | | | A | C | A | | | | |- ! 웹OS | **1.4.1** | A | A | | | | | | | | | |- ! 바다 (운영 체제) | **1.0** | A | | | | | | | | | | |- ! 마에모 | **5.0** | B | | | | B | | | C | B* | | |- ! 미고 (운영 체제) | 1.1* | A* | | | | A* | | | | A* | | |} **주요 사항:** * **A - 고품질.** 적어도 미디어 쿼리를 지원하는 브라우저 (jQuery Mobile의 요건). These browsers will be actively tested against, but may not receive the full capabilities of jQuery Mobile. * **B - 중간 품질.** 일일 테스트를 보증하기 위해 충분한 시장 점유율을 가지지 못하지만 지원은 하는 브라우저. 이 브라우저를 지원하기 위해 버그 픽스가 여전히 적용된다. * **C - 저품질.** 미디어 쿼리를 이용할 수 없는 브라우저. They will not be provided any jQuery Mobile scripting or CSS (falling back to plain HTML and simple CSS). * * - 차기 브라우저. 이 브라우저는 아직 지원되지 않으나 알파/베타 테스트 중임. (출처: jQuery Mobile 웹사이트)
# 출시 역사
{| class="wikitable sortable" |- ! 출시일 ! 버전 번호 |- | 2010년 10월 16일 | 1.0.0 Alpha 1 |- | 2010년 11월 12일 | 1.0.0 Alpha 2 |- | 2011년 2월 4일 | 1.0.0 Alpha 3 |- | 2011년 3월 31일 | 1.0.0 Alpha 4 |- | 2011년 4월 7일 | 1.0.0 Alpha 4.1 |- | 2011년 6월 20일 | 1.0.0 Beta 1 |- | 2011년 8월 3일 | 1.0.0 Beta 2 |- | 2011년 9월 8일 | 1.0.0 Beta 3 |- | 2011년 9월 29일 | 1.0.0 RC1 |- | 2011년 10월 19일 | 1.0.0 RC2 |- | 2011년 11월 13일 | 1.0.0 RC3 |- | 2011년 11월 6일 | 1.0.0 |- | 2012년 1월 26일 | 1.0.1 |- | 2012년 2월 28일 | 1.1.0 RC1 |- | 2012년 4월 6일 | 1.1.0 RC2 |- | 2012년 4월 13일 | 1.1.0 |- | 2012년 6월 28일 | 1.1.1 RC1 |- | 2012년 7월 12일 | 1.1.1 |- | 2012년 8월 1일 | 1.2.0 Alpha |- | 2012년 9월 5일 | 1.2.0 Beta |- | 2012년 9월 14일 | 1.2.0 RC1 |- | 2012년 9월 21일 | 1.2.0 RC2 |- | 2012년 10월 2일 | 1.2.0 |- | 2013년 1월 14일 | 1.3.0 Beta |- | 2013년 2월 4일 | 1.3.0 RC1 |- | 2013년 2월 20일 | 1.3.0 |- | 2013년 3월 19일 | 1.1.2 |- | 2013년 3월 22일 | 1.2.1 |- | 2013년 4월 10일 | 1.3.1 |- | 2013년 7월 19일 | 1.3.2 |- | 2013년 7월 25일 | 1.4.0 Alpha 1 |- | 2013년 8월 15일 | 1.4.0 Alpha 2 |- | 2013년 9월 24일 | 1.4.0 Beta 1 |- | 2013년 10월 24일 | 1.4.0 RC 1 |- | 2013년 12월 23일 | 1.4.0 |- | 2014년 2월 12일 | 1.4.1 |- | 2014년 2월 28일 | 1.4.2 |- | 2014년 7월 1일 | 1.4.3 |- | 2014년 9월 12일 | 1.4.4 |- | 2014년 10월 31일 | 1.4.5 **(최신 안정판)** |- | 2017년 1월 3일 | 1.5.0-alpha.1 |}
# 참고 자료
참고 자료 시작 * url = http://store.elated.com/ * url = http://mobileappmanual.com * url = http://www.packtpub.com/jquery-mobile-first-look/book * url = http://shop.oreilly.com/product/0636920020585.do * url = http://www.focalpress.com/books/web/html5_mobile_websites.aspx * url = http://www.apress.com/mobile/ios/9781430239666 * url = http://www.pearsonhighered.com/educator/product/Sams-Teach-Yourself-jQuery-Mobile-in-10-Minutes/9780672335570.page * url = http://shop.oreilly.com/product/0636920014607.do * url = http://www.informit.com/title/0672335948 * url = http://www.informit.com/title/0321822080 참고 자료 끝