많은 JavaScript 라이브러리가 $를 함수 또는 변수 이름으로 사용하기 때문에 jquery도 동일한 작업을 수행합니다. 실제로 $는 jquery의 별칭일 뿐입니다. jquery가 아닌 다른 js 라이브러리를 사용해야 하는 경우 $.noConflect()를 호출하여 라이브러리에 제어권을 반환할 수 있습니다. 다음은 이 문제에 대한 5가지 솔루션 모음입니다. 그 중 하나가 유용할 것입니다. 예시 1: 코드 복사 코드는 다음과 같습니다. 충돌 해결 1 title> <--jQuery 소개 --> ;/script> <br></head> <br><p id="pp">테스트---프로토타입</p> --- jQuery</p> <br><script type="text/javascript"> <br>jQuery.noCon conflict() //변수 $의 제어권을 프로토타입.js로 이전합니다. <br>jQuery(function( ){ //jQuery 사용 <br>jQuery("p").click(function(){ <br>alert( jQuery(this).text() ); <br>}); 🎜>$("pp").style.display = 'none'; //프로토타입 사용 <br> > 예시 2: 코드 복사 코드는 다음과 같습니다. < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ; 충돌 해결 2< /title> >< !--jQuery 소개 --> </ 스크립트> </div></head> <div class="codebody" id="code36495"><body><br><p id="pp">테스트---프로토타입</p> test-- -jQuery</p> <br><script type="text/javascript"> <br>var $j = jQuery.noConflect() //더 짧은 단축키 사용자 정의 <br>$j(function (){ //jQuery 사용 <br>$j("p").click(function(){ <br>alert( $j(this).text() ); <br>}); ); <br>$("pp").style.display = 'none'; //프로토타입 사용 <br></body> ><br> <br>예시 3: <br><br><br><br><br>코드 복사<br><br><br> 코드는 다음과 같습니다.<br><br> <br>< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" <br> <br> <br><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </div> <title>충돌 해결책 3< /title> <br><!-- 프로토타입 소개 --> <br><script src="prototype-1.6.0.3.js" type="text/javascript"> ; test---prototype < p > test---jQuery </div>jQuery.noContribute() //prototype.js로 제어권 전달 <div class="codebody" id="code14468"> jQuery(function($){ //jQuery 사용 <br>$("p").click(function(){ //계속해서 $ 메소드 사용 <br>alert( $(this).text() ); <br>}); <br>}); <br>$("pp").style.display = 'none'; //프로토타입 사용 <br></body> <br></html> <br><br> <br>예제 4: <br><br><br><br><br>코드 복사<br><br><br> 코드는 다음과 같습니다. 다음:<br><div class="codebody" id="code53989"> <br><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > <br><html> <br><head> <br><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>충돌 해결 4</title> <br><!--프로토타입 소개 --> <br><script src="prototype-1.6.0.3.js" type="text/javascript"> ; 테스트---프로토타입 test---jQuery <br>jQuery.noConflect() //변수에 대한 제어 권한 부여 프로토타입.js <br>(function($){ //익명 함수를 정의하고 형식 매개변수를 $로 설정합니다. <br>$(function(){ //익명 함수 내부의 $는 jQuery입니다 <br>$(" p").click(function(){ //계속 $ 메소드 사용 <br>alert($(this).text()); <br>}); <br>}); <br>}) (jQuery ); //익명 함수를 실행하고 실제 매개변수 전달 jQuery <br>$("pp").style.display = 'none' //프로토타입 사용 <br> ;/body> 예 5: 코드 복사 코드는 다음과 같습니다. 충돌 해결 5 < script src="prototype-1.6.0.3.js" type="text/javascript"> pp">test--- 프로토타입 test---jQuery <br>jQuery( function(){ //jQuery를 직접 사용하면 "jQuery.noConflect()" 함수를 호출할 필요가 없습니다. <br>jQuery("p").click(function(){ <br>alert( jQuery(this).text() ); <br>}) <br>$("pp ").style.display = 'none'; //프로토타입 사용 <br> 위 예시는 패키징되어 다운로드됩니다