jQuery HTML 操作

  • 이전 페이지
  • 다음 페이지

jQuery는 HTML을 변경하고操作하기 위한 강력한 함수들이 많이 포함되어 있습니다.

HTML 내용 변경

문법

$(selector).html(content)

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

예제

$("p").html("W3School");

직접 테스트해 보세요

HTML 내용 추가

문법

$(selector).append(content)

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

문법

$(selector).prepend(content)

prepend() 함수는 일치하는 HTML 요소 내부에 예약(Prepend) 내용을 추가합니다.

예제

$("p").append(" CodeW3C.com");

직접 테스트해 보세요

문법

$(selector).after(content)

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

문법

$(selector).before(content)

before() 함수는 모든 일치하는 요소에 앞에서 HTML 내용을 삽입합니다.

예제

$("p").after(" CodeW3C.com.");

직접 테스트해 보세요

jQuery HTML 操作 - 이 페이지에서

함수 설명
$(selector).html(content) 선택된 요소의(내부)HTML 변경
$(selector).append(content) 선택된 요소의(내부)HTML에 추가 내용 추가
$(selector).prepend(content) 선택된 요소의(내부)HTML에 '예약'(Prepend) 내용 추가
$(selector).after(content) 선택된 요소에 뒤에서 HTML 추가
$(selector).before(content) 선택된 요소에 앞에서 HTML 추가

완전한 참조 매뉴얼을 확인하려면 우리의 jQuery HTML 操作 참조 매뉴얼。

  • 이전 페이지
  • 다음 페이지