Web/jQuery

$.noConflict() or jQuery.noConflict()

qOOp 2010. 4. 9. 09:21
반응형

jQuery에서 jQuery보다 $를 쓰는것이 간편하다. 그러나 다른 라이브러리와 함께 사용할 경우 충돌로 인하여 $를 사용하지 못할 경우가 있다.
이런 경우에는 $대신에 jQuery를 사용하면된다.

jQuery.js를 인클루드 한후 바로 정의해 주어야 한다.

$.noConflict() or jQuery.noConflict()

// 한 페이지에서 다른 javascript 라이브러리를 함께 사용할 경우 $사용으로 인한 충돌을 방지 하기 위하여 사용한다.

 

// $.noConflict() 를 사용하지 않을 경우, 일반적인 방법
<script>

$(function() {

              $("#disp").css("color","#f00");

});

</script> 

// $.noConflict()      사용할 경우

// $ 대신 jQuery 를 사용하면된다.

<script src="jQuery.js"></script>  

<script>

$.noConflict(); // jQuery.js 파일을 인클루드 후 맨처음에 정의해 주어야 한다.

jQuery(function() {

              jQuery("#disp").css("color","#f00");

});

</script>

// $.noConflict() 사용하면서 함수내에서 $를 사용하기 위한 방법

$.noConflict();

(function($) {                       // function $를 삽입한다. $를 사용하기 위한 함수를 만든다.

              $(function() {         // 실제사용할 함수를 만든다.

                            $("#disp").css("color","#f00");

              });

})(jQuery);