HTML
영어 [ˌeˈtʃ ti: em ˈel] US [ˌetʃtiɛmˈɛl]
abbr.Hypertext Markup Language 하이퍼텍스트 마크업 언어
jqueryhtml() 메서드 통사론
함수: html() 메서드는 선택한 요소의 콘텐츠(내부 HTML)를 반환하거나 설정합니다. 이 메서드가 매개변수를 설정하지 않으면 선택한 요소의 현재 콘텐츠를 반환합니다.
요소 콘텐츠 반환: 이 메서드를 사용하여 값을 반환하면 일치하는 첫 번째 요소의 콘텐츠가 반환됩니다.
구문: $(selector).html()
요소 내용 설정: 이 방법을 사용하여 값을 설정하면 일치하는 모든 요소의 내용을 덮어씁니다.
구문: $(selector).html(content)
매개변수:
| Parameters | Description |
| content | 선택 사항입니다. 선택한 요소의 새 콘텐츠를 지정합니다. 이 매개변수에는 HTML 태그가 포함될 수 있습니다. |
함수를 사용하여 요소 내용 설정: 함수를 사용하여 일치하는 모든 요소의 내용을 설정합니다.
구문: $(selector).html(function(index,oldcontent))
매개변수:
| 매개변수 | Description |
| function(index,oldcontent) | 하나를 지정하세요 선택한 요소의 새 내용을 반환하는 함수입니다. |
| index | 선택사항. 선택기의 인덱스 위치를 받습니다. |
| oldcontent | 선택사항. 선택기의 현재 내용을 받습니다. |
jqueryhtml() 메서드 예
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("p").html("Hello <b>world!</b>");
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button class="btn1">改变 p 元素的内容</button>
</body>
</html>온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요