jQuery 소개

jQuery는 '작은 코드로 많은 일' 원칙을 기반으로 한 빠르고 가벼우며 기능이 풍부한 JavaScript 라이브러리입니다.

jQuery는 HTML 문서의 탐색, 이벤트 처리, 애니메이션 및 AJAX 상호작용을 간소화하여 빠른 웹 개발을 가능하게 합니다.

jQuery의 목적은 웹사이트에서 JavaScript를 사용하는 것을 더 쉽게 만드는 것입니다.

이 튜토리얼은 기본부터 고급 주제까지 최신 jQuery의 기본을 배우는 데 도움을 줍니다.

각 장의 jQuery 예제

이 튜토리얼의 각 장은 많은 연습 예제를 포함하고 있으며, 이를 통해 온라인 편집기에서 시도하고 테스트하여 학습 범위를 확장할 수 있습니다. 이 예제의 목적은 jQuery의 사용법을 더 잘 이해하도록 도와줍니다.

$("document").ready(function(){
　　$("p").click(function(){
　　　　$(this).hide();
　　});
});

jQuery의 장점

jQuery에 익숙하지 않다면, jQuery가 왜 이렇게 특별한지 궁금할 수 있습니다.

jQuery는 AJAX 호출과 DOM 작업과 같은 많은 JavaScript의 복잡한 내용을 간소화합니다.

jQuery 라이브러리는 다음과 같은 기능을 포함하고 있습니다:

• HTML / DOM 작업

• CSS 작업

• 이벤트 처리

• 효과와 애니메이션

• AJAX 지원

• 실용 도구(Utilities)

• 플러그인(Plugins)
  

• 크로스 브라우저 지원

jQuery는 무엇을 할 수 있습니까?

jQuery를 사용하면 더 많은 일을 할 수 있습니다:

• jQuery는 요소를 쉽게 선택할 수 있습니다

• jQuery는 요소의 스타일(CSS)과 위치를 쉽게 변경할 수 있습니다.

• jQuery는 DOM 요소와 속성을 쉽게 조작할 수 있습니다.

• jQuery는 요소를 보이거나 숨기거나 슬라이딩 트랜지션과 같은 효과를 쉽게 생성할 수 있습니다.

• jQuery는 더 적은 코드로 복잡한 CSS 애니메이션을 쉽게 생성할 수 있습니다.

• jQuery는 전체 DOM 트리를 탐색하여 어떤 요소든 찾을 수 있습니다.

• jQuery는 단一行 코드로 요소에 여러 가지 작업을 쉽게 수행할 수 있습니다.

• jQuery는 HTML 요소의 크기를 쉽게 가져오거나 설정할 수 있습니다.

리스트는 여기서 끝나지 않습니다. jQuery를 사용하여 많은 다른 흥미로운 일을 할 수 있습니다.

다음 장에서는 모든 이러한 내용을 자세히 설명합니다.

기본 지식 필요

jQuery를 배우기 전에, 다음과 같은 기본 지식을 가지셔야 합니다:

• HTML

• CSS

• JavaScript

만약 초보자라면, 기본 지식으로부터 시작하고 매일 조금씩 학습하면서 진행하세요.

왼쪽 메뉴에 나열된 순서대로 이 가이드를 읽는 것을 권장합니다.

jQuery 참조

참조 부분은 jQuery 선택자, 효과, 속성, 이벤트 등에 대한 상세한 정보를 제공합니다.

jQuery 참조 보기