Jquery[제이쿼리] HTML/TEXT 변경하기

안녕하세요~ 주니주니 입니다.

오늘은 제이쿼리[jquery]로 HTML/TEXT를 변경해 보도록 하겠습니다.

위화면처럼 셋팅해주세요~

실행을 하면 <div></div> 3개는 안보일꺼에요~

아무내용이 없기떄문이랍니다.

h라는 변수에 <h1>태그의 첫번째 값을 담아주고 alert();함수를 이용하여 값을 확인! 
t라는 변수에 모든<h1>태그의 값을 담아주고 alert();함수를 이용하여 값을 확인!

h변수의 값입니다.

t변수의 값입니다.

자 이번에는 비어있는<div>태그에 값을 넣어보도록 하겠습니다.
첫번째로는text()를 사용하여 <div>태그에 '<h1>html Method</h1>'라는

글자를 입력해보겠습니다.

실행화면입니다. <h1>html Method</h1> 라는 글자가 그대로 찍혀있네요

이번에는 html()을 이용하여 똑같이 '<h1>html Method</h1>'라는 글자를 입력해보겠습니다.

짠 ~
뭐가다른지 느껴지시나요?
이번에는 <h1>html Method</h1> 글자가 아닌
html Method <== 글자가 찍히면 서<h1>태그가 적용된걸 볼 수 있습니다.
text/html 차이점을 잘 이해해 두세요~

이번에는 저번시간에 이어  function()을 사용하여 <h>태그를 변하게 해볼께요.

위에처럼 코딩을 하시고 실행 하시면!

이렇게 <h0>,<h1>,<h2> 크기로 다르게 보여진걸 확인 할수있습니다.!
오늘은 제이쿼리[jquery]로 HTML/TEXT 변경해보았습니다.

그럼 다음에 또만나요~