Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 정처기실기
- 정보처리기사
- 정보처리기사필기
- Linux
- 자바스크립트
- 5단원
- 정처기필기
- 통합구현
- 4단원
- jQuery
- javascript
- Database
- mybatis
- 정보처리기사실기
- 자바
- 요구사항확인
- backend
- 리눅스
- spring
- DB
- 정처기
- 인터페이스구현
- 오라클
- 데이터베이스
- mapper
- 실기
- 제이쿼리
- Java
- 스프링
- 1단원
Archives
- Today
- Total
세라공원
[jQuery] jQuery 시작하기 본문
library
: 전 세계에 많은 개발자들이 만들어 놓은 코드.
공개되어 있는 코드.
jQuery
: html 코드를 바꾸거나 혹은 요청을 만듦.
cdn
: 웹 사이트에 나와있는 링크 복사.
jQuery cdn : release.jquery.com
slim : 분리해 놓은 것. 가볍게 만들어 놓은 것.
minified : 전부 다 들어있음
크롬 개발자 도구에 $("#test").text('안녕하세요');
화면에 안녕하세요 출력됨.
$ : 제이쿼리 사용한다는 의미.
제이쿼리 인디케이터(아이디 속성 값을 이용해 인디케이터 사용)
# : 아이디 속성 값.
. : 가지고 있다.
id 속성값이 test인 태그를 가리켜줘라.
text : 동작을 만들어내는 기능.
console.log( $("#test").text() ); => 화면에 안녕하세요 출력.
괄호 안에 아무 값을 넣지 않으면 그 안에 있는 값을 가져온다.
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.1.min.js" integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script>
</head>
<body>
<div id="test"></div>
</body>
</html>


'javaScript' 카테고리의 다른 글
[jQuery] jQuery 활용한 태그 조작 (0) | 2022.12.08 |
---|---|
[javaScript] callback Function(콜백 함수) (0) | 2022.06.03 |
[javaScript] 모듈 패턴(Module Pattern) (0) | 2022.06.03 |