jQuery 달러 기호 충돌 해결 방법_jquery

다음 코드:

코드 복사 코드는 다음과 같습니다.

jQuery .noConflect();
jQuery(document).ready(function(){

//코드....

}); >jQuery.noContribute( ) 자세한 소개:
개요

이 함수를 실행하여 $ 변수의 제어를 첫 번째 라이브러리로 전송하여 구현합니다. 이렇게 하면 jQuery가 이후에 다른 라이브러리의 $ 개체와 충돌하지 않도록 할 수 있습니다. 이 함수를 실행하면 jQuery 변수를 사용하여 jQuery 객체에만 액세스할 수 있습니다. 예를 들어 $("div p")를 사용하는 경우 jQuery("div p")로 바꿔야 합니다.
참고: 이 함수는 jQuery 파일을 가져온 후 충돌을 일으키는 다른 라이브러리를 가져오기 전에 사용해야 합니다. 물론 jQuery가 마지막으로 가져온 라이브러리가 아닌 이상 충돌하는 다른 라이브러리를 사용하기 전에도 수행해야 합니다.
설명:
$에서 참조하는 개체를 원래 개체에 다시 매핑합니다.
jQuery 코드:

코드 복사 코드는 다음과 같습니다. jQuery.noConflect ();

// jQuery 사용

jQuery("div p").hide()
// 다른 라이브러리의 $() 사용
$("content").style.display = 'none';


설명:
별칭 $의 사용을 복원한 다음 이 함수 범위에서 여전히 $를 jQuery의 별칭으로 사용하는 함수를 생성하고 실행합니다. 이 함수에서는 원래 $ 객체가 유효하지 않습니다. 이 기능은 다른 라이브러리에 의존하지 않는 대부분의 플러그인에 적합합니다.

jQuery 코드:

코드 복사 코드는 다음과 같습니다. jQuery.noConflect ();

(function($) {

$(function() {
// $를 jQuery 별칭으로 사용하는 코드
});
})(jQuery); // $를 별칭으로 사용하는 다른 라이브러리에 대한 코드


설명:
후속 라이브러리에서 jQuery 개체를 사용하기 위한 새 별칭을 만듭니다.
jQuery 코드:

코드 복사

코드는 다음과 같습니다. var j = jQuery.noContribute (); // jQuery 기반 코드

j("div p").hide()

// 다른 라이브러리의 $() 기반 코드
$(" content").style.display = 'none';