.html() 과 .text() html & 컨텐츠 수정

devyoon99·2021년 11월 16일
0

jQuery

목록 보기
3/25
post-thumbnail

.html()

  • 해당 tag 안에 html tag 생성
//자바스크립트
document.querySelector().innerHTML()
//jQuery
$().html()
  • 위와 아래 코드는 의미가 같다.

.text()

  • 안의 컨텐츠를 수정할 수 있다.
//자바스크립트
document.querySelector().innerText()
//jQuery
$().text()
  • 위와 아래 코드는 의미가 같다.

jQuery특징 $().html()

<p class="greeting">안녕하세요</p>
<p class="greeting">안녕하세요</p>
<p class="greeting">안녕하세요</p>
$("p").text("안녕");
  • 자바스크립트와 달리 jQuery는 모든 p tag를 가져온다.
    • 자바스크립트는 맨 위의 p tag만 가져온다.

jQuery $("p").eq(0).text("안녕");

  • p tag중에서 1번째 p tag만 바꾼다는 뜻이다.

0개의 댓글

관련 채용 정보