[ jQuery ] 다른 프레임워크와 충돌 방지 noConflict() > script

※프레임워크 충돌 방지

jQuery이외에도 여러 자바스크립트 프레임워크가 있습니다.여러 프레임워크를 함께 사용할 때는 프레임워크 간 충돌이 발생할 수 있습니다.

jQuery이외에 자주 사용하는 Prototype프레임워크에서도 지금까지와 마찬가지로 식별자 $를 사용합니다. 따라서 jQuery프레임워크와 Prototype프레임워크를 함께 사용하면 프레임워크 간에 충돌이 발생합니다.

여러가지 프레임워그를 공용해서 사용하는 경우는 많으므로 간단하게 정리합시다. 충돌을 방지할 때 사용하는 메서드 $.noConflict()입니다. .noConflict()메서드를 사용하면 더 이상 jQuery의 식별자 $를 사용할 수 없습니다.

1 <script language="javascript">2 <!--3 $.noConflict(); 4 jQuery(document).ready(function(){ 5 6 }); 7 //-->8 </script>

" 계속 쓰는 녀석인데 너무 길어요! "

간단하게 쓰고 싶다면 jQuery객체를 다른 변수에 저장해서 사용하세요.

1 <script language="javascript"> 2 <!-- 3 //플러그인 간의 충돌을 제거합니다. 4 $.noConflict(); 5 var J = jQuery; 6 7 8 //jQuery를 사용합니다. 9 10 J(document).ready(function(){ 11 J('h1').removeClass('high_light') 12 13 }); 14 15 //-->16 </script>

참고서적 : 모던 웹을 위한 JavaScript + jQuery 입문. 한빛미디어