본문 바로가기
웹 프로그래밍(Web Programing)/JQuery

[jQuery] 개요

by 송기동 2024. 2. 28.
728x90

jQuery

- JavaScript 라이브러리 중 하나

- JavaScript 코드를 더 쉽게 작성하고 관리할 수 있도록 도와주는 도구

 

jQuery 특징

# 간편한 DOM(Document Object Model) 조작

- 간결하고 직관적인 API 제공, DOM 요소들을 선택하고 조작하는데 용이

- CSS 선택자를 사용하여 요소를 선택

- 다양한 메서드를 이용하여 요소의 스타일, 속성, 내용 등 쉽게 변경 가능

 

# 크로스 브라우징 지원

- 다양한 웹 브라우저에서 동작하도록 설계

- 웹 개발 시 크로스 브라우징 이슈를 해결하기 위한 일공된 인터페이스 제공

 

# 이벤트 처리

- 이벤트 처리를 쉽게 할 수 있는 다양한 메서드 제공

- click, mouseover, submit 등

 

# 애니메이션 효과

- 요소의 애니메이션 효과를 쉽게 추가할 수 있는 다양한 메서드 제공

- Fade, Slide, Hide, Show 등

 

# Ajax 지원

- Ajax(Asynchronous JavaScript and XML) 요청을 보내고 응답을 처리하는데 유용한 메서드 제공

- 비동기적으로 데이터를 로드하거나 서버와 통신 가능

 

# 플러그인 생태계

- 다양한 플러그인이 개발되어 있어서 필요에 따라 추가 기능을 쉽게 확장 가능

 

# 문서화 및 커뮤니티

- 문서화가 잘 되어 있음

- 풍부한 온라인 커뮤니티를 통해 다양한 문제에 대한 해결책을 얻을 수 있음

 

jQuery 기본 형식

<script>
    $(function() {
        // jQuery 코드 작성
        $("요소명").메서드();
    });
</script>

 

jQuery 사용하기

- <haed> 밑에 아래 코드를 넣어준다

// 제이쿼리 버전을 항상 최신 버전으로 불러오는 소스
<script src="https://code.jquery.com/jquery-latest.min.js"></script>

 

728x90