본문 바로가기
IT_Developers/Javascript

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

by 고코더 2018. 1. 6.


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


오늘은 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>
cs


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



그런데 지금은 아무도 안쓰는 프로토타입도 예약어로 $가 되어 있습니다. 
함께 쓰면 상당히 혼란스럽겠죠


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

▼ 아래 소스를 보니 goCoder 라고 선언 예약어를 변경하였습니다.
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>
cs

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






마무리


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


댓글