반응형
jQuery 공식사이트
Download jQuery | jQuery
link Downloading jQuery Compressed and uncompressed copies of jQuery files are available. The uncompressed file is best used during development or debugging; the compressed file saves bandwidth and improves performance in production. You can also download
jquery.com
기본코드
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>
jquery.html
</div>
<-- 리모트 로드 -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<-- 파일 로드 -->
<--<script src="/js/jquery-3.5.1.min.js"></script>-->
<script>
//Document 로딩 완료 이벤트
$(document).ready(function() {
//...
});
//Document 로딩 완료 이벤트 형식2
//$(function(){ //... });
</script>
</body>
</html>참고) 편집기
1. Visual Studio Code
Visual Studio Code - Code Editing. Redefined
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.
code.visualstudio.com
2. 이클립스 + Tern Eclipse IDE(무료, 자바스크립트 코딩 시 DOM Api, jQuery 자동 완성 지원)
- 마켓플레이스는 이클립스 구버전(2018.09)까지만 지원
- 그 이후 신버전은 직접 파일 다운로드 받아 설치
- https://github.com/angelozerr/tern.java/releases/download/tern.java-1.2.1/tern.repository-1.2.1.zip
- Help > Install New Software... > 다운받은 파일 선택 후 모두 체크 > 설치 진행
- 프로젝트 우클릭 > Configure > Convert to Tern Project...
- "Browser" 체크 : DOM API 자동 완성
- "jQuery" 체크 : jQuery 자동 완성
- 이 후 설정을 바꿀 때는 프로젝트 우클릭 > Properties > Tern > Modules
반응형
'웹 > jquery' 카테고리의 다른 글
| jQuery [편집] 감싸기, 감싸기 해제(wrap, unwrap) (0) | 2021.11.18 |
|---|---|
| jQuery [편집] 복제, 교체 (0) | 2021.11.18 |
| jQuery [편집] 추가, 삭제 (0) | 2021.11.18 |
| jQuery [찾기] Text 검색, 빈값 체크, 인덱스 검색 (0) | 2021.11.18 |
| jQuery [찾기] 부모, 형제, 자식 (0) | 2021.11.17 |
최근댓글