반응형
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 |
최근댓글