[Jquery] html, text 메서드

html 메서드

html 메서드는 innerHtml과 비슷하다.

 

      $(document).ready(function(){
         var result = $("#sec-1").html()
          console.log(result)
      })

 

위 코드는 sec-1의 하위 영역의 모든 내용을 가져오게 된다.

 

text 메서드

innerText와 비슷하다.

 

      $(document).ready(function(){
         var result = $("#sec-1").text()
          console.log(result)
      })

 

위 코드는 sec-1의 태그를 제외한 모든 내용을 가져오게 된다.

 

위 두 코드를 setter로 사용하게 되면 다음과 같다.

 

      $(document).ready(function(){
          $("#sec-1").html('<h3>새로운</h3>')
          $("#sec-1").text('새로운')
      })