jQuery 문서 작업 - html() 메서드

jQuery 효과 참조 가이드

예제

모든 p 요소의 내용을 설정합니다:

$(".btn1").click(function(){
  $("p").html("Hello <b>world</b>!");
});

직접 시도해 보세요

정의와 사용법

html() 메서드는 선택된 요소의 내용(인너 HTML)을 반환하거나 설정합니다.

이 메서드에 매개변수가 설정되지 않으면, 선택된 요소의 현재 내용을 반환합니다.

요소 내용 반환

이 메서드를 사용하여 값을 반환할 때, 첫 번째 일치하는 요소의 내용을 반환합니다.

문법

$(selector).html()

직접 시도해 보세요

요소 내용 설정

이 메서드를 사용하여 값을 설정할 때, 모든 일치하는 요소의 내용을 덮어씁니다.

문법

$(selector).html(content)

직접 시도해 보세요

매개변수 설명
content - 선택할 수 있습니다. 선택된 요소의 새로운 내용을 정의합니다. 이 매개변수는 HTML 태그를 포함할 수 있습니다.

함수를 사용하여 요소 내용을 설정

함수를 사용하여 모든 일치하는 요소의 내용을 설정합니다.

문법

$(selector).html(function(index,oldcontent))

직접 시도해 보세요

매개변수 설명
function(index,oldcontent)

선택된 요소의 새로운 내용을 반환하는 함수를 정의합니다.

  • index - 선택할 수 있습니다. 선택자의 index 위치를 받습니다.
  • oldcontent - 선택할 수 있습니다. 선택자의 현재 내용을 받습니다.

jQuery 효과 참조 가이드