Jquery #1 사용하기

JQuery 사용하기

1. 라이브러리 링크

• HTML 문서에 다음 코드를 추가합니다.
• 블록 아랫줄에 추가합니다.
• 아래 링크는 라이브러리를 최신 버전으로 불러옵니다.

---

<script src="[http://code.jquery.com/jquery-latest.min.js](http://code.jquery.com/jquery-latest.min.js)"></script>

---

2. 다른 라이브러리와 충돌

• JQuery는 '$'를 Alias로 사용합니다.
• 다른 라이브러리에서 '$'를 함수로 사용하면 JQuery가 제대로 작동하지 않을 수 있습니다.
• 해결 방법은 아래와 같습니다.

2-1. 아래의 코드를 넣으면 기본 Alias를 '$'로 사용하지 않도록 합니다.

jQuery.noConflict();

사용 방법은 아래와 같습니다.

jQuery.noConflict();

jQuery(document).ready(function( $ ) {
        jQuery(document).val();
});

기본 Alias 대신 jQuery를 입력합니다.

아래 방법을 사용하면 JQuery의 기본 Alias를 사용자가 직접 선언합니다.

var jq = jQuery.noConflict();

jq(document).ready(function( $ ) {
        jq(document).val();
});

3. 다른 버전의 jQuery와 충돌

흔한 경우는 아니지만 여러 버전의 jQuery를 사용하는 경우 충돌이 발생할 수 있습니다.

이런 경우 충돌을 방지하는 방법은 버전별로 Alias를 따로 만들어 주는 것입니다.

<script src='jquery-1.11.1.js'></script>

<script>
  var jq1 = jQuery.noConflict();
</script>

<script src='jquery-2.1.1.js'></script>

<script>
  var jq2 = jQuery.noConflict();
</script>