jQuery를 이용하기 위해서는 라이브러리 연결이 필요합니다. 연결을 원하고자 하는 HTML에 다음과 같은 코드를 추가합니다. 여기에서 jQuery 다운로드와 최신 버전을 확인할 수 있습니다. 최신 버전은 3.6.0으로 원하고자 하는 버전으로 숫자만 변경해서 바로 이용할 수 있습니다. 홈페이지에서 다운로드를 원한다면 Download the compressed, production, jQuery x.x.x 를 눌러 코드를 복사하거나 다운로드하면 됩니다.
<script src="//code.jquery.com/jquery-3.6.0.min.js"></script>
예시
아래와 같은 방법으로 jQuery를 연결하고 사용할 수 있습니다. 아래 코드는 글자를 빨간색으로 변경하는 방법을 예제로 작성했습니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p>워드클립</p>
<script src="//code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(" p ").css( 'color', 'red' );
</script>
</body>
</html>