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

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);