-
[jQuery] 27. noConflict Method - jQuery 강좌 jQuery / CSEWeb/jQuery 2015. 6. 13. 11:31
jQuery - The noConflict() Method
jQuery를 사용하는 와중에, 웹 페이지에 다른 프레임 워크를 사용하길 원한다면?
1. jQuery and Other JavaScript Frameworks
이미 알고 있듯이, jQuery는 $ 마크를 사용하여 jQuery의 단축으로 사용합니다.
다른 많은 자바스크립트 프레임 워크가 있습니다: AngularJS, Backbone, Ember, Knockout 등등
만약 다른 자바스크립트 프레임워크에서도 달러 마크를 사용한다면??
다른 두 개의 프레임워크가 같은 단축어를 사용한다면, 둘 중 하나는 작동을 멈추게 됩니다.
jQuery 팀은 이러한 점을 염두에 두었습니다. 바로 noConflict() 메소드입니다.
2. The jQuery noConflict() Method
noConflict() 메소드는 $ 단축 식별자에 대한 권한을 풀어서, 다른 스크립트에서 사용할 수 있게 합니다.
물론 jQuery를 사용할 수 있고, 간단히 jQuery를 써서 작성가능 합니다:
12345678910111213141516171819202122<!DOCTYPE html><html><head><script>$.noConflict();jQuery(document).ready(function(){jQuery("button").click(function(){jQuery("p").text("jQuery is still working!");});});</script></head><body><p>This is a paragraph.</p><button>Test jQuery</button></body></html>cs 또한, 자신만의 단축어를 만들어 사용가능 합니다. noConflict() 메소드는 jQuery의 참조를 반환하므로, 변수로 저장하여 나중에 사용할 수 있습니다.
1234567var jq = $.noConflict();jq(document).ready(function(){jq("button").click(function(){jq("p").text("jQuery is still working!");});});cs 만약 $ 단축어를 사용하는 블럭 내의 jQuery 코드를 가지고 있고, 모든 것을 변경하기 싫다면, ready 메소드의 파라미터로 $ 마크를 넣어서 사용가능 합니다.
123456$.noConflict();jQuery(document).ready(function($){$("button").click(function(){$("p").text("jQuery is still working!");});});cs 'Web > jQuery' 카테고리의 다른 글
[jQuery] jQ Mobile 버튼(Buttons) - jQuery Mobile 강좌 (0) 2016.03.16 [jQuery] jQ Mobile 페이지(Pages) - jQuery Mobile 강좌 (0) 2016.03.16 [jQuery] jQ Mobile 시작하기 - jQuery Mobile 강좌 (0) 2016.03.16 [jQuery] 26. AJAX get / post - jQuery 강좌 jQuery / CSE (0) 2015.06.13 [jQuery] 25. AJAX load - jQuery 강좌 jQuery / CSE (0) 2015.06.13 [jQuery] 24. AJAX - jQuery 강좌 jQuery / CSE (0) 2015.06.13
