오봉이와 함께하는 개발 블로그
jQuery - 기본 본문
728x90
jQuery
- 자바스크립트 라이브러리
- 자바스크립트를 이용해 만든 다양한 함수들의 집합
- 무료 사용 가능한 오픈 소스 라이브러리
- 모든 웹 브라우저에서 동작
- 특징
- 용량이 약 100KB로 가벼움
- 동적으로 HTML이나 CSS 컨트롤 능력 탁월
- 짧고 간결하게 코딩 가능
- 웹 표준과 타 브라우저 호환성 뛰어남
- 편리한 Ajax 호출 방법
- 메소드 체인 방식(여러 메소드를 연결하여 사용)으로 효율적인 코딩 가능, 간결하고 효과적인 코드 수정 가능
- 다양한 플러그인 제공
- 목적
- 쉬운 DOM cjfl
- 쉽고 일관된 이벤트 연결 구현
- 쉬운 시작적 효과 구현
- Ajax 기능 쉽게 구현
- 기능
- DOM 처리
- 이벤트 처리
- 시각 효과 구현
- Ajax 기능 구현
- 개발 환경
- 파일 다운로드 방식
- CDN 이용하는 방식
jQuery 시작 예제 - jQuery-Start.html
<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>
<script src="jquery-3.6.0.min.js"></script>
<script src="start.js"></script>
</head>jQuery 시작 예제 - jQuery-StartExternal.html, start.js
<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>
<script src="jquery-3.6.0.min.js"></script>
<script src="start.js"></script>
</head>$(document).ready(function() {
alert("jQuery 시작 - external 방식");
});728x90
'FE > jQuery' 카테고리의 다른 글
| jQuery - 변수 (0) | 2021.12.14 |
|---|---|
| jQuery - 속성 선택자 (0) | 2021.12.14 |
| jQuery - 필터 선택자 (0) | 2021.12.14 |
| jQuery - 조상/부모/형제 요소 선택자 (0) | 2021.12.14 |
| jQuery - 코드 형태, 선택자 예제 (0) | 2021.12.13 |
Comments