[jQuery] 텍스트 변경하기 .text() .html()

 

1)  .text() 

 

$(".box").text("new text");

 

위와 같이 텍스트를 변경할 요소를 선택해서 .text 내에 변경하고 싶은 텍스트를 작성해 주면 된다. 

 

 

예시)

$(function(){

       

        $("button:eq(0)").click(function(){

            $(".box:eq(0) > .bgSpan").text("ABCDEF");

        })

}

 

적용된 모습

 

 

 

 

 

 

 

 

2)  .html()

 

$("h1").html("<em>new text</em>");

 

.text()는 html 요소 내의 텍스트만 변경 가능하다.

하지만 html()을 이용하면 텍스트뿐만 아니라 html 코드를 변경하는 것도 가능해진다.

위의 코드를 실행하면

<h1><em>new text</em></h1>

h1 요소의 content가 바뀌게 된다. 

 

 

예시)

 $("button:eq(2)").click(function(){

                $("div").html("<b style='font-size:30px'> html 요소를 바꾼다.</b>");

            });

 

 

적용된 모습

 

 

 

틀린 부분이나 이상한 부분이 있으면 댓글로 지적해주세요! 
감사합니다.