프론트엔드-코드/JQuery

태그삽입

sdafdq 2023. 7. 26. 16:56
  $('#box1').prepend('<p>삽입된 내용1</p>');
  $('#box1').append('<p>삽입된 내용2</p>');
  $('#box1').before('<p>자신의 앞에 삽입된 내용1</p>');
  $('#box1').after('<p>자신의 뒤에 삽입된 내용1</p>');

이렇게 태그도 넣을 수 있음.

 

  $('<p>삽입된 내용1</p>').prependTo('#box2');
  $('<p>삽입된 내용2</p>').appendTo('#box2');
  $('<p>자신의 앞에 삽입된 내용</p>').insertBefore('#box2');
  $('<p>자신의 뒤에 삽입된 내용</p>').insertAafter('#box2');

To는 넣을 대상

'프론트엔드-코드 > JQuery' 카테고리의 다른 글

삭제 메소드  (0) 2023.07.28
스크롤 함수  (0) 2023.07.26
offset(), position()  (0) 2023.07.25
css()  (0) 2023.07.25
prop()  (0) 2023.07.25