[jQuery] jQuery 식별자 충돌 방지 ( jQuery, Prototype $) - 모던웹을 위한 javascript

jQuery 식별자 충돌 방지 ( jQuery, Prototype $)

우리는 jQuery 라이브러리를 사용할 때, jQuery(document).ready(function(){}); 이렇게 쓰지 않고

$(document).ready(function(){}); 이렇게 식별자 $ <-- 사용하고 있는데,

이는 Prototype 프레임워크에서도 식별자 $를 사용함으로

혹시나 jQuery프레임 워크와 Prototype 프레임워크를 같이 사용하게 되면 식별자 $로 인해 충돌이 발생합니다.

이를 방지하기 위해 jQuery에서는 충돌방지 메서드를 사용하여 식별자 $를 사용하지 못하게 할 수 있습니다.

충돌방지 메서드는 $.noConflict()라는 메서드로 Conflict(충돌)이 일어나지 않게 해줍니다.

사용하는 방법은

// 예제 1번
<script>
    $.noConflict();
 
    jQuery(document).ready(function(){
 
    });
 
</script>
 
// 예제 2번
<script>
    $.noConflict();
 
    var j = jQuery;
 
    j(document).ready(function(){
        
        j('li').removeClass('high-light');
 
    });
 
</script>

예제 1번처럼 $.noConflict() 메소드를 정의하면 이제부터는 jQuery에서는 $식별자를 사용하지 못하므로 jQuery.~~로 사용해야합니다.

하지만, 계속 jQuery. ~~ 로 사용하기에는 길이가 있다고 생각됨으로 예제 2번처럼 변수에 jQuery를 담아서 짧게 사용할 수 있습니다.