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