html() text()의 차이, 무엇을 인식할것인가

html() text()의 차이

html는 코드를 인식하고, text는 인식하지 못한다.

 

 

예시코드 첨부

<div class="d-none">
        <p id="hey">여러분,</p>
        <p id="jquery">제이쿼리는</p>
        <p id="easy">아주 쉽습니다.</p>
        <hr>
    </div>
    
    <h3>html()로 출력</h3>
    <p class="str1_0"></p>
    <p class="str2_0"></p>
    <p class="str3_0"></p>

    <hr>
    <h3>text()로 출력</h3>
    <p class="str1_1"></p>
    <p class="str2_1"></p>
    <p class="str3_1"></p>

$(function () {
            let str1_0 = $('#hey').html();
            let str2_0 = $('#jquery').html();
            let str3_0 = $('#easy').html();
            $('.str1_0').html(str1_0);
            $('.str2_0').html(str2_0 + "<br>");
            $('.str3_0').html(str3_0);

            let str1_1 = $('#hey').text();
            let str2_1 = $('#jquery').text();
            let str3_1 = $('#easy').text();
            $('.str1_1').text(str1_1);
            $('.str2_1').text(str2_1 + "<br>");
            $('.str3_1').text(str3_1);
        });