.html()

현재 값을 가져오거나 값을 변경한다.

.html()

값 가져오기

data = ('#card_box').html();

card_box에 있는 데이터를 data에 넣는다.

값 변경하기

('#card_box`).html(test_html);

card_box의 데이터를 test_html로 변경한다.

주의점

.text()와는 다르게 .html()은 안에 있는 테그를 가져오거나 변경한다.

값 가져오기

           <div class="hero-body">
                <div class="container center">
                    <h1 class="title">
                        title
                    </h1>
                    <h2 class="subtitle">
                        subtitlte
                    </h2>
                </div>
            </div>
html_test = $('div').html()

html_test의 안에 가장 첫번째의 div 값을 가진 값을 가져온다.
현재의 보기에서는 div가 하나 밖에없지만 div가 여럿일경우 가장 첫번째 div의 값을 가져온다.

<h1 class="title">title</h1>

값 변경하기

<div class="hero-body">
                <div class="container center">
                    <h1 class="title">
                        title
                    </h1>
                    <h2 class="subtitle">
                        subtitlte
                    </h2>
                </div>
            </div>
$('div').html("<h1>test</h1>")

주의할 점은 div의 값을 가진 모든 값의 태그를 지우고 넣는다는 점이다.

<div class="hero-body">
	<h1>test</h1>
</div>

간단하게 태그값 비우기

$("#test").html("")

id 값이 test인 값을 공백으로 비운다.