jQuery 예약어 $ 를 사용하지 못하는 경우 해결책 noConflict()

by 조쉬 posted Sep 21, 2016
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

jQuery 를 다른 자바스크립트 라이브러리(prototype.js, ...)와 같이 사용하다 보면 충돌로 인해서 예약어인 $를 사용할 수 없는 경우가 있다. 이 때, jQuery.noConflict() 를 이용해서 해결할 수 있다.



$(document).ready(function(){

$("div#jQuery).css("font-weight", "bold");

});



1. jQuery.noConflict() 결과를 변수에 담는 방법


var j = jQuery.noConflict();


j(document).ready(function(){

j("div#jQuery").css("font-weight", "bold");

});


2. jQuery code를 클로저 로 감싸는 방법


jQuery.noConflict();


(function($){

$("div#jQuery).css("font-weight", "bold");

})(jQuery);