728x90
append() 와 appendTo() 메서드는 선택한 요소 내의 마지막 위치에 새 요소를 생성하고 추가한다.
prepend() 와 prependTo() 메서드는 선택한 요소 내의 앞 위치에 새 요소를 생성한다.
* 기본형
| 1) $(요소 선택).append(새 요소); $(새 요소).appendTo(요소 선택); 2) $(요소 선택).prepend(새 요소); $(새 요소).prependTo(요소 선택); |
1) 선택한 요소 내의 마지막 위치에 새 요소를 생성하고 추가한다.
2) 선택한 요소 내의 앞 위치에 새 요소를 생성하고 추가한다.
* 예제
| <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title> 객체 조작 및 생성 </title> <script src="js/jquery.js"></script> <script> $(function( ){ $("<li>appendTo</li>").appendTo("#listZone"); $("#listZone").prepend("<li>prepend</li>"); }); </script> </head> <body> <ul id="listZone"> <li>리스트</li> </ul> </body> </html> |
'내마음대로만들어보자 > JS' 카테고리의 다른 글
| replaceAll() / replaceWith() 메서드 (0) | 2021.08.21 |
|---|---|
| clone() / empty() / remove() 메서드 (0) | 2021.08.21 |
| before() / insertBefore() / after() / insertAfter() (0) | 2021.08.21 |
| 스크롤바 위치 메서드 scrollTop() / scrollLeft() (0) | 2021.08.21 |
| 요소 위치 메서드 - position() / offset() (0) | 2021.08.21 |