문서 내에 ID와 일치하는 요소를 가져온다.
| 셀렉터 - ClassName(Css) $(".className") (0) | 2016.01.12 |
|---|---|
| 셀렉터 - ElementName $("DIV") (0) | 2016.01.12 |
| jQuery(selector) or $(selector) (0) | 2016.01.11 |
| 페이지 로드 시점에 작업 수행하기 (0) | 2016.01.11 |
| ${} 함수의 다른 사용법 (0) | 2016.01.11 |
| 셀렉터 - ElementName $("DIV") (0) | 2016.01.12 |
|---|---|
| 셀렉터 - #ID $("#ID") (0) | 2016.01.12 |
| 페이지 로드 시점에 작업 수행하기 (0) | 2016.01.11 |
| ${} 함수의 다른 사용법 (0) | 2016.01.11 |
| Spring 3.2 & MyBatis] JSON/XML 데이터 송수신 (JSON을 이용하기 위한 준비) (0) | 2016.01.11 |
onload : 관련된 모든 도큐먼트가 브라우저로 다운로드 된 후에 발생한다. 이미지 다운 및 링크 설정 등이 전부 완료된 후 실행된다.
$(document).ready() : DOM이 로드되어 사용할 준비가 끝나는 시점에 바로
호출된다. 스크립트에서 모든 요소들에 접근할 수 있다는 것은 onload와 동일하나 관련된 모든 파일(이미지 등)들이 다운로드된 후를 의미하는 것은 아니다.
● 일반적인 자바스크립트를 사용하는 방법
function doStuff() { .... }를 정의한 후 HTML에서 아래와 같이 사용하는 방법
<body onload="doStuff();">
또는 function doOtherStuff() { .... }를 정의한 후 window.onload = doOtherStuff; 를 호출하는 방법이 있다.
단, onload 함수는 하나의 함수만 지정할 수 있다.
● jQuery에서 간결하게 단축된 코드
다음은 모두 같은 의미로 사용된다.
$(document).ready( function() { .... });
$().ready( function() { .... });
$( function() { .... });
| 셀렉터 - #ID $("#ID") (0) | 2016.01.12 |
|---|---|
| jQuery(selector) or $(selector) (0) | 2016.01.11 |
| ${} 함수의 다른 사용법 (0) | 2016.01.11 |
| Spring 3.2 & MyBatis] JSON/XML 데이터 송수신 (JSON을 이용하기 위한 준비) (0) | 2016.01.11 |
| Spring 3.2 & MyBatis] JSON/XML 데이터 송수신 (0) | 2016.01.11 |
- 엘리먼트나 엘리먼트의 어레이를 $() 함수로 전달하면 window 객체 같은 것에 jQuery 함수를 적용하는 것이 가능하다. 일반적으로 이 함수를 다음과 같이 로드 이벤트에 할당한다.
window.onload = function() {
// do this stuff when the page is done loading
};
jQuery를 사용하면, 같은 코드도 다음과 같이 된다.
$(window).load(function() {
// run this when the whole page has been downloaded
});
| jQuery(selector) or $(selector) (0) | 2016.01.11 |
|---|---|
| 페이지 로드 시점에 작업 수행하기 (0) | 2016.01.11 |
| Spring 3.2 & MyBatis] JSON/XML 데이터 송수신 (JSON을 이용하기 위한 준비) (0) | 2016.01.11 |
| Spring 3.2 & MyBatis] JSON/XML 데이터 송수신 (0) | 2016.01.11 |
| Spring 3.2 & MyBatis] REST 서비스 작성 (0) | 2016.01.11 |
<JSON/XML 데이터 송수신>
* JSON을 이용하기 위한 준비
<소스코드>
<dependencies>
<!-- JSON Library -->
<dependency>
<groupId>org.codehaus.jackson</groupId>
<artifactId>jackson-core-asl</artifactId>
<version>${jackson.version}</version>
</dependency>
<dependency>
<groupId>org.codehaus.jackson</groupId>
<artifactId>jackson-mapper-asl</artifactId>
<version>${jackson.version}</version>
</dependency>
</dependencies>
<properties>
<jackson.version>1.8.2</jackson.version>
</properties>
| 페이지 로드 시점에 작업 수행하기 (0) | 2016.01.11 |
|---|---|
| ${} 함수의 다른 사용법 (0) | 2016.01.11 |
| Spring 3.2 & MyBatis] JSON/XML 데이터 송수신 (0) | 2016.01.11 |
| Spring 3.2 & MyBatis] REST 서비스 작성 (0) | 2016.01.11 |
| jQuery 예제 분석 (0) | 2016.01.08 |
<JSON/XML 데이터 송수신>
- 준비
- 서버에서 JSON데이터 출력
- 클라이언트에서 JSON데이터 송신
- 서버에서 XML데이터 출력
- 클라이언트에서 XML데이터 송신
| ${} 함수의 다른 사용법 (0) | 2016.01.11 |
|---|---|
| Spring 3.2 & MyBatis] JSON/XML 데이터 송수신 (JSON을 이용하기 위한 준비) (0) | 2016.01.11 |
| Spring 3.2 & MyBatis] REST 서비스 작성 (0) | 2016.01.11 |
| jQuery 예제 분석 (0) | 2016.01.08 |
| jQuery 사용 (0) | 2016.01.08 |
<REST 서비스 작성>
▷ 서버측 : 기존의 컨트롤러 방식과 같다
- 데이터 형식 : XML 이나 JSON
▷ 클라이언트측 : jQuery
▷ JSON/SML 데이터 송수신
▷ RESTful 시스템 설계
| Spring 3.2 & MyBatis] JSON/XML 데이터 송수신 (JSON을 이용하기 위한 준비) (0) | 2016.01.11 |
|---|---|
| Spring 3.2 & MyBatis] JSON/XML 데이터 송수신 (0) | 2016.01.11 |
| jQuery 예제 분석 (0) | 2016.01.08 |
| jQuery 사용 (0) | 2016.01.08 |
| JQUERY 특징 (0) | 2016.01.08 |
- $() 함수는 jQuery에서 가장 강력한 함수로 이 함수를 사용하여 문서에서 엘리먼트를 선택한다. 이앞 에서, 이 함수는 Cascading Style Sheets (CSS) 신택스를 포함하고 있는 스트링으로 전달되고, jQuery는 효율적으로 이 엘리먼트를 찾는 것이다.
- #external_links는 external_links의 id를 가진 엘리먼트를 찾는다. a 앞에 있는 공간은 jQuery에게 external_links 엘리먼트 내의 모든 <a> 엘리먼트를 찾도록 명령한다.
- click 함수를 호출함으로써 클릭 핸들러 함수를 jQuery 객체의 각 엘리먼트에 할당할 수 있다.
| Spring 3.2 & MyBatis] JSON/XML 데이터 송수신 (0) | 2016.01.11 |
|---|---|
| Spring 3.2 & MyBatis] REST 서비스 작성 (0) | 2016.01.11 |
| jQuery 사용 (0) | 2016.01.08 |
| JQUERY 특징 (0) | 2016.01.08 |
| JQuery 다운로드 (0) | 2016.01.07 |
