다른 버전의 jQuery 로드하기 : 방법, 예제, 구현, 개요

jQuery : 다른 버전의 jQuery를 로드하기 : 방법, 예제, 구현, 개요

 

어떤 종류의 프론트 웹 개발을 수행했다면 웹 사이트를 개발할 때 jQuery가 얻을 수있는 이점을 이해할 수 있습니다. jQuery의 가장 큰 장점 중 하나는 모든 브라우저에서 동일하게 수행되므로 최신 버전의 크롬에서 수행하는 모든 작업은 IE에서 동일하게 작동한다는 것입니다. 

jQuery로 수행하는 모든 작업이 다른 브라우저에서 작동한다는 것을 알고 있으므로 이는 jQuery 애니메이션 작업시 큰 이점입니다. JSON 또는 XML jQuery로 작업하더라도 다른 브라우저에서 작업하기가 매우 쉽습니다. 최근 jQuery 블로그에서 jQuery 버전 2에서는 IE8 이하를 지원하지 않을 것이라고 발표했습니다.

 

jQuery 2.0 (2013 년 초, 1.9 이후) : 이 버전은 jQuery 1.9와 동일한 API를 지원하지만 borked 이벤트 모델, IE7 “attroperties”, HTML5 shim 등과 같은 IE 6/7/8의 이상성에 대한 지원은 제거합니다. .

 

계획은 버전 2.0에서 IE6-IE8에 대한 모든 지원을 제거하는 것을 제외하고 jQuery 1.9와 jQuery 2.0을 매우 유사하게 만드는 것입니다. jQuery 소스를 살펴본 적이 있다면 IE6-IE8을 다루는 많은 코드가 있다는 것을 알 수 있으므로 이 지원을 제거하면 jQuery.js 파일의 크기에 큰 영향을 줄 것입니다. 

파일 크기가 작으면 버전 2.0의 jQuery 성능이 버전 1.9보다 훨씬 빠릅니다. jQuery는 또한 IE 브라우저에 대한 지원을 제거하면 jQuery 코드의 오류 처리가 향상될 것임을 언급했습니다. jQuery 버전 2.0은 2013년까지 출시되지 않으므로 업그레이드를 준비 할 시간이 있습니다.

2013년 사이트에서 여전히 IE6-IE8에서 많은 방문자를 확보 한 경우 더 이상 jQuery 버전을 업그레이드 할 수는 없지만 최신 브라우저를 사용하는 방문자가 최신 버전을 사용하는 이점을 누릴 수 있는 것은 아닙니다. 여전히 IE6-IE8 방문자가있는 경우 스틸에서 jQuery를 가져 오는 가장 좋은 방법은 조건부 IF 문을 사용하는 것입니다. jQuery를 가져 오는 헤드 태그에서 이를 교체해야합니다.

 

<!--[if lt IE 9]>
    <script src="jquery-1.9.0.js"></script>
<![endif]-->
<!--[if (gte IE 9) | (!IE)]><!-->  
    <script src="jquery-2.0.0.js"></script>  
<!--<![endif]-->  

 

이 코드는 IE6-IE8을 사용하는 사람이라면 버전 1.9를 로드하지만 최신 브라우저를 사용하는 사람은 jQuery 버전 2를로드합니다. 이 방법으로 두 버전을 모두 가져올 필요가 없으며 최신 브라우저는 더 큰 1.9 버전 파일을 로드하지 않아도됩니다. 그렇다고 jQuery가 버전 1.9 지원을 중단한다는 의미는 아니며, 버전 2의 새로운 API를 개발하는 동시에 버전 1.9에 새로운 API를 계속 추가 할 계획이라고 밝혔습니다.