jQuery - 예약어 변경 하기 / $.noConflict()

---

제이쿼리 $ 대신 다른걸로 선언하기 

---

오늘은 jQuery의 예약어를 바꾸는 방법을 알아보겠습니다.

예약어 - 시스템에서 미리 준비해놓은 명명규칙

jQuery의 선언은 아시다 시피

$ , jQuery 두가지가 예약어로 되어 있습니다.

▼아래 예제를 실행하면 

1 2 3 4 5 6 7 8 9 10 11 12

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script> <script type="text/javascript">       jQuery( document ).ready(function() {         alert('jQuery');     });       $(document).ready(function() {         alert('$');     });   </script> Colored by Color Scripter

cs

▼화면과 같은 결과가 보입니다.

그런데 지금은 아무도 안쓰는 프로토타입도 예약어로 $가 되어 있습니다. 

함께 쓰면 상당히 혼란스럽겠죠

그래서 jQuery에는 선언 에약어를 바꿀 수 있는 방법을 마련해났습니다.

▼ 아래 소스를 보니 goCoder 라고 선언 예약어를 변경하였습니다.

gocoder_noConflict.html

1 2 3 4 5 6 7 8 9 10

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script> <script type="text/javascript">       var goCoder = $.noConflict();    //예약어를 원하는 명명으로 변경할 수 있다.       goCoder( document ).ready(function() {         alert(goCoder);     });   </script> Colored by Color Scripter

cs

▼ 웹에서 실행해보니 $->goCoder로 변경되어 적용 되어 있습니다.

---

마무리

---

$ 라는 예약어가 존재하면 jQuery로 선언해서 쓰는게 좋은거 같습니다.