이번장에서는 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를 실행 시킬수도 있다는 것입니다.