html()의 사용과 innerHTML

- html(htmlCode)

Set the HTML contents of each element in the set of matched elements.

match된 element에 HTML Code를 넣는다

When .html() is used to set an element's content, any content that was in that element is completely replaced by the new content. Additionally, jQuery removes other constructs such as data and event handlers from child elements before replacing those elements with the new content.

.html() 로 HTML Code를 넣을 때, 기존의 컨텐츠는 완전히 대체된다.

jQuery는 새로운 컨텐츠로 대체하기 전에, data나 자식요소의 event handler와 같은 요소들을 전부 제거한다. 

# innerHTML 과의 차이

'jQuery의 html()을 사용시 InnerHTML 프로퍼티를 사용하기 전에 몇가지 check를 한다고 한다. '

라고 StackOverflow에서 본거 같은데.. 그게 뭔지는 정확히 모르겠다.

jQuery API 설명을 보면 자식요소의 이벤트 핸들러와, 모든 데이터들을 삭제하는 과정이 전처리로 이루어진다고 하는데, 그것을 말한 것인가?

실제로 이 포스팅을 쓰게된 이유도 개발 중에 이벤트 중복 바인딩에 대한 문제를 해결하기 위해서였다.