본문 바로가기
jQuery/jQuery Misc

jQuery noConflict()

by 진격의 파파 2013. 5. 28.
반응형

 

이번장에서는 noConflict() 함수 사용방법에 대해서 알아보겠습니다.

여러분들도 이미 알고있다시피 jQuery는 $ 기호를 축약으로 사용합니다.

noConflict()는 다른 방법으로 jQuery를 실행할 수 있습니다.

총 3가지 예제 구문을 보여줄텐데 모두 똑같은 실행을 합니다.

 

관련예제 1

$.noConflict();
jQuery(document).ready(function(){
jQuery("button").click(function(){
jQuery("p").text("jQuery is still working!");
});
});

// $ 대신 jQuery를 사용하여 나타냄

 

관련예제 2

var jq = $.noConflict();
jq(document).ready(function(){
jq("button").click(function(){
jq("p").text("jQuery is still working!");
});
});

// 미리 jq를 선언한후 $ 대신 jq를 사용함

 

관련예제 3

$.noConflict();
jQuery(document).ready(function($){
$("button").click(function(){
$("p").text("jQuery is still working!");
});
});

// $를 변경하지 않고 사용하려면 function 에 미리 선언을 한후 사용가능합니다.

 

// 위 3개의 관련예제들은 모두 똑같은 실행을 합니다. 버튼을 클릭하면 p태그의 내용을 "jQuery is still working!" 로 바꿉니다. 여기서 중점적으로 살펴볼 곳은 위 처럼 noConflict() 함수를 이용하여 다른 방법으로 jQuery를 실행 시킬수도 있다는 것입니다.

반응형