HTML에서 jQuery 사용 방법

CDN 이용하기

• HTML에 다음 코드를 추가합니다.

<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js'></script>

 

다운로드 받아 연결하기

• jQuery 다운로드는 여기에서 합니다.
• 압축된 파일도 있고, 압축되지 않은 파일도 있습니다.
• 그리고 HTML 문서에 다음 코드를 추가합니다.

<script src="path/jquery-3.6.0.min.js"></script>

• path와 파일 이름은 적절히 변경합니다.

 

jQuery 사용하기

• 다음은 ID가 abc인 h1 요소의 색을 빨간색으로 바꾸는 예제입니다.

<h1 id="abc">Lorem Ipsum Dolor</h1>
<script src='http://code.jquery.com/jquery-latest.min.js'></script>
<script>
  $( '#abc' ).css( 'color', 'red' );
</script>