jQuery html() 메서드

jQuery HTML/CSS 메서드

html() 메서드는 선택된 요소의 내용(innerHTML)을 가져오거나 설정합니다。

html() 메서드를 사용하여가져옵니다내용을 설정할 때, 그것은첫 번째 선택된 요소의 내용을 가져옵니다。

html() 메서드를 사용하여설정내용을 설정할 때, 그것은모든 선택된 요소의 내용。

주의:html()를 사용하여 요소 내용을 설정할 때, 요소 내의 모든 내용이 새로운 내용으로 완전히 대체됩니다. 또한, 새로운 내용으로 자식 요소를 대체하기 전에 jQuery는 데이터와 이벤트 처리자와 같은 다른 구조를 자식 요소에서 제거합니다.

사용text()메서드는 선택된 요소의 텍스트 내용을 가져오거나 설정합니다.

문법:

내용 가져오기:

$(selector).html()

내용 설정:

$(selector).html(content)

함수를 사용하여 내용 설정:

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

예제

버튼을 클릭하면 첫 번째 단락의 내용을 가져옵니다:

$("button").click(function(){
　　alert($("p").html());
});

각 단락을 클릭하면 HTML 내용이 반환됩니다:

$("p").click(function(){
　　alert($(this).html());
});

모든 단락의 내용 변경:

$("button").click(function(){
　　$("p").html("我想说:　<b>Hello　world</b>");
});

함수를 사용하여 요소 내용 변경:

$("button").click(function(){
　　$("p").html(function(i){
　　　　return　"这个p元素的索引:　"　+　i;
　　});
});

html() 메서드와 text() 메서드의 차이점:

$("#btn1").click(function(){
　　$("p").html("我想说:　<b>Hello　world</b>");
});
$("#btn2").click(function(){
　　$("p").text("我想说:　<b>Hello　world</b>");
});

파라미터 값

jQuery HTML/CSS 메서드