Jquery 의 사용 다음 편

지난 편 에서 우 리 는 Jquery 와 관련 된 내용, 간단 한 선택 기 와 Jquery 의 속성 사건 과 방법 등 내용 을 연 구 했 습 니 다. 우 리 는 Jquery 의 비교 기초 내용 을 간단하게 배 웠 습 니 다. 다음은 Jquery 의 다른 내용, 예 를 들 어 Jquery 와 AJAX 의 사용 등 내용 을 연구 하 겠 습 니 다.Jquery 를 좀 더 유연 하 게 사용 할 수 있 도록 배 웠 으 면 좋 겠 습 니 다.
1. Jquery 와 AJAX 의 공동 사용 실현
AJAX 는 서버 와 데 이 터 를 주 고 받 는 아 트 로, 전체 페이지 를 다시 불 러 오지 않 은 채 일부 페이지 에 대한 업 데 이 트 를 구현 했다.
(1) 、 jQuery - AJAX load () 방법
jQuery load () 방법 은 간단 하지만 강력 한 AJAX 방법 입 니 다.
load () 방법 은 서버 에서 데 이 터 를 불 러 오고 선택 한 요소 에 되 돌아 오 는 데 이 터 를 넣 습 니 다.
문법:

$(selector).load(URL,data,callback);

필요 한 URL 매개 변 수 는 불 러 오 기 를 원 하 는 URL 을 규정 합 니 다.
선택 한 data 매개 변 수 는 요청 과 함께 보 내 는 검색 문자열 키 / 값 대 집합 을 규정 합 니 다.
선택 할 수 있 는 callback 인 자 는 load () 방법 이 완 료 된 후에 실 행 된 함수 이름 입 니 다.
(2), jQuery get (), post () 방법 은 HTTP GET 또는 POST 를 통 해 서버 에서 데 이 터 를 요청 하 는 데 사 용 됩 니 다.
jQuery $. get () 방법
$. get () 방법 은 HTTP GET 를 통 해 서버 에서 데 이 터 를 요청 합 니 다.
문법:

$.get(URL,callback);

필요 한 URL 매개 변 수 는 요청 한 URL 을 규정 합 니 다.
선택 할 수 있 는 callback 인 자 는 요청 이 성공 한 후에 실 행 된 함수 이름 입 니 다.
 
jQuery $. post () 방법
$. post () 방법 은 HTTP POST 를 통 해 서버 에서 데 이 터 를 요청 합 니 다.
문법:

$.post(URL,data,callback);

필요 한 URL 매개 변 수 는 요청 한 URL 을 규정 합 니 다.
선택 한 data 매개 변 수 는 요청 한 데 이 터 를 규정 합 니 다.
선택 할 수 있 는 callback 인 자 는 요청 이 성공 한 후에 실 행 된 함수 이름 입 니 다.
 
2. Jquery 와 HTML 의 공동 사용 실현
(1) HTML 내용 변경
문법

$(selector).html(content)

html () 함수 가 일치 하 는 HTML 요소 의 내용 을 변경 합 니 다 (innerHTML).
 
(2) HTML 내용 추가
문법

$(selector).append(content)

append () 함수 가 일치 하 는 HTML 요소 내부 에 내용 을 추가 합 니 다.
문법

$(selector).prepend(content)

prepend () 함수 가 일치 하 는 HTML 요소 내부 에 미리 설정 (Prepend) 내용
문법

$(selector).after(content)

after () 함 수 는 모든 일치 하 는 요소 뒤에 HTML 내용 을 삽입 합 니 다.
문법

$(selector).before(content)

before () 함 수 는 일치 하 는 모든 요소 에 HTML 내용 을 삽입 합 니 다.
 
함수.
묘사 하 다.
$(selector).html(content)
선 택 된 요소 의 (내부) HTML 변경
$(selector).append(content)
선 택 된 요소 의 (내부) HTML 에 추가 내용
$(selector).prepend(content)
선 택 된 요소 의 (내부) HTML "미리 설정" (Prepend) 내용
$(selector).after(content)
선 택 된 요소 뒤에 HTML 추가
$(selector).before(content)
요소 가 선택 되 기 전에 HTML 을 추가 합 니 다.