[JS] jQuery 1.x와 2.x 버전 동시에 사용하기

문득 든 생각이…
jQuery 2.x 버전과 1.x 버전은 아직 큰 메소드의 차이가 없다.
그럼 상위 브라우저에서는 2.x를 쓰고 하위 브라우저에서는 1.x을 쓰도록 하면 좋지 않을까… 해서 생각해본 코드.
jQuery 2.x 버전이 IE8 이하를 지원하지 않으니 IE conditional comment를 사용하면 될 것 같다.

<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<!--[if lt IE 9]>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<![endif]-->

IE8 이하에서는 jQuery 2.x 로드하는 시점에 JS 콘솔에 에러가 한줄 뜨는데,
이 부분 마저 없애고 싶다면 다음과 같이 코드를 작성하면 되겠다.

<!--[if lt IE 9]>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<![endif]-->
<!--[if gte IE 9]>
<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<![endif]-->
<!--[if !IE]> -->
<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<!-- <![endif]-->

아니면 서버사이드에서 userAgent 체크를 하거나.

[JS] jQuery 1.x와 2.x 버전 동시에 사용하기”에 대한 2개의 생각

  1. 핑백: 조건부 주석 Conditional Comment 를 이용한 IE 버전별 지원의 문제 & Javascript를 통한 해결책 » TANA CODE

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다