반응형
jQuery에서 jQuery보다 $를 쓰는것이 간편하다. 그러나 다른 라이브러리와 함께 사용할 경우 충돌로 인하여 $를 사용하지 못할 경우가 있다.
이런 경우에는 $대신에 jQuery를 사용하면된다.
jQuery.js를 인클루드 한후 바로 정의해 주어야 한다.
$.noConflict() or jQuery.noConflict()
// 한 페이지에서 다른 javascript 라이브러리를 함께 사용할 경우 $사용으로 인한 충돌을 방지 하기 위하여 사용한다.
// $.noConflict() 를 사용하지 않을 경우, 일반적인 방법
<script>
$(function() {
$("#disp").css("color","#f00");
});
// $.noConflict() 사용할 경우
// $ 대신 jQuery 를 사용하면된다.
<script src="jQuery.js"></script>
<script>
$.noConflict(); // jQuery.js 파일을 인클루드 후 맨처음에 정의해 주어야 한다.
jQuery(function() {
jQuery("#disp").css("color","#f00");
});
// $.noConflict() 사용하면서 함수내에서 $를 사용하기 위한 방법
$.noConflict();
(function($) { // function 에 $를 삽입한다. $를 사용하기 위한 함수를 만든다.
$(function() { // 실제사용할 함수를 만든다.
$("#disp").css("color","#f00");
});
})(jQuery);
'Web > jQuery' 카테고리의 다른 글
[jQuery] 간편하게 날짜입력 방법 (0) | 2015.02.07 |
---|---|
[jQuery] 시작과 기본 문법 $(function(){ }); (0) | 2015.02.01 |
[jQuery] 자바스크립트 라이브러리 jQuery 시작하기 (2) | 2015.01.23 |
jQuery 사용하기 (0) | 2010.04.08 |