한땀한땀 정성들인 코딩
제이쿼리 기초 본문
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"><script>
DOM(document object model) : 문서객체모델
- 객체지향 모델
- 구조화된 문서
- 어느 브라우저이든지 접근할수있는 표준 api
- html,xml 문서 안의 구성요소를 접근하고 변경가능\
dom 트리구조
- 계층적인 트리구조
- 노드트리, 돔트리
- 엘리먼트 노드, 텍스트 노드, 속성 노드
html->head
->body->h3
->div->id="id1"
->h1->text
<html>
<head>
</head>
<body>
<div id="id1"><h1>text</h1></div>
<h3>
</body>
</html>
제이쿼리 기능 9가지
core - 제이쿼리 함수 활용
selectors - 선택자
css - 스타일
manipulation - 조작
traversing - 탐색
events - 이벤트
effects - 효과
ui - 인터페이스용
ajax -비동기 교환
제이쿼리를 잘 이해한다는것 = 제이쿼리 "메소드"를 이해한다는것( 라이브러리니깐... )
jquery()선언
- 모든시작은 제이쿼리 선언 함수의 시작
- js와 구별
입력인자 3가지 유형
- 선택자 = css선택자와 같음 -> dom트리안의 노드지정자
- html 입력인자 jQuery('<h3>hi<h3>').appendTo('body');
- 함수입력인자 -> dom트리가 완전 생성된후 실행
jQuery(document).ready(function(){ /*코드명시*/ });
jQuery -> $로 변경가능
document -> 전체 html 선택
ready -> main함수 역활, 모든 dom트리가 생성된후에 실행, head안에 제이쿼리가 명시된경우 body태그안의 내용이 다 dom트리로 완성되지 않았는데도 불구하고 먼저 실행되어 ready메소드를 사용한다.
-> $(document)(function(){ /*코드명시*/ });
-> $(function(){ /*코드명시*/ });
'메모' 카테고리의 다른 글
| 제이쿼리 메소드 (0) | 2017.01.29 |
|---|---|
| jquery 선택자 (0) | 2017.01.29 |
| (리눅스)파일 조작 함수 (0) | 2017.01.12 |
| (리눅스)그룹 정보 함수 (0) | 2017.01.12 |
| (리눅스)사용자함수 (0) | 2017.01.12 |