이 영역을 누르면 첫 페이지로 이동
워드클립 블로그의 첫 페이지로 이동

워드클립

페이지 맨 위로 올라가기

워드클립

워드클립에서 다양한 정보와 유용한 콘텐츠를 만나 보세요.

[jQuery] 기초 1. jQuery 사용을 위해 HTML 문서와 연결하기

  • 2021.10.02 01:44
  • 개발/jQuery
글 작성자: 워드클립

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>
저작자표시 (새창열림)

'개발 > jQuery' 카테고리의 다른 글

[jQuery] attr 메소드로 속성(attribute) 값을 가져오거나 수정, 추가 제거 하는 방법  (0) 2021.10.02

댓글

이 글 공유하기

  • 구독하기

    구독하기

  • 카카오톡

    카카오톡

  • 라인

    라인

  • 트위터

    트위터

  • Facebook

    Facebook

  • 카카오스토리

    카카오스토리

  • 밴드

    밴드

  • 네이버 블로그

    네이버 블로그

  • Pocket

    Pocket

  • Evernote

    Evernote

다른 글

  • [jQuery] attr 메소드로 속성(attribute) 값을 가져오거나 수정, 추가 제거 하는 방법

    [jQuery] attr 메소드로 속성(attribute) 값을 가져오거나 수정, 추가 제거 하는 방법

    2021.10.02
다른 글 더 둘러보기

정보

워드클립 블로그의 첫 페이지로 이동

워드클립

  • 워드클립의 첫 페이지로 이동

검색

메뉴

  • 홈
  • 태그
  • 방명록

카테고리

  • 분류 전체보기 (7)
    • 라이프 (4)
      • 리뷰 (1)
    • IT과학 (1)
    • 개발 (2)
      • jQuery (2)

최근 글

인기 글

댓글

공지사항

  • 공지 - Internet Explorer 브라우저는 더 이상 지원하지 않습니다.

아카이브

태그

  • MH-900
  • 스팀 핸디 청소기
  • jQuery attr 메서드
  • 메디하임 스팀 청소기 실 구매 리뷰
  • jQuery를 이용하여 속성 제어하기
  • 스팀 청소기 추천
  • jQuery attr 추가 변경 제거
  • 메디하임 스팀 청소기

나의 외부 링크

정보

워드클립의 워드클립

워드클립

워드클립

블로그 구독하기

  • 구독하기
  • RSS 피드

방문자

  • 전체 방문자
  • 오늘
  • 어제

티스토리

  • 티스토리 홈
  • 이 블로그 관리하기
  • 글쓰기
Powered by Tistory / Kakao. Copyright © 워드클립.

티스토리툴바