본문 바로가기

내마음대로만들어보자/JS83

replaceAll() / replaceWith() 메서드 replaceAll() 메서드와 replaceWith() 메서드는 선택한 요소를 새 요소로 바꿀 때 사용한다. 주로 모든 요소를 한꺼번에 바꿀때 사용한다. * 예제 제목1 내용1 내용2 제목2 내용3 내용4 2021. 8. 21.
clone() / empty() / remove() 메서드 clone() 메서드는 선택한 요소를 복제한다. empty() 메서드는 선택한 요소의 모든 하위 요소를 삭제한다 remove() 메서드는 선택한 요소를 삭제한다. * 기본형 1) $("요소 선택").clone([true | false]); 2) $("요소 선택").empty(); 3) $("요소 선택").remove(); 1) 선택한 요소를 복제한다. 인자값이 true면 이벤트까지 복제하고, false면 요소만 복제한다. 기본값은 false이다. 2) 선택한 요소의 모든 하위 요소를 삭제한다. 3) 선택한 요소를 삭제한다. * 예제 내용1 내용2 내용3 내용4 내용5 내용6 2021. 8. 21.
append() / appendTo() / prepend() / prependTo() 메서드 append() 와 appendTo() 메서드는 선택한 요소 내의 마지막 위치에 새 요소를 생성하고 추가한다. prepend() 와 prependTo() 메서드는 선택한 요소 내의 앞 위치에 새 요소를 생성한다. * 기본형 1) $(요소 선택).append(새 요소); $(새 요소).appendTo(요소 선택); 2) $(요소 선택).prepend(새 요소); $(새 요소).prependTo(요소 선택); 1) 선택한 요소 내의 마지막 위치에 새 요소를 생성하고 추가한다. 2) 선택한 요소 내의 앞 위치에 새 요소를 생성하고 추가한다. * 예제 리스트 2021. 8. 21.
before() / insertBefore() / after() / insertAfter() before()와 insertBefore() 메서드는 선택한 요소의 이전 위치에 새 요소를 생성하고 after() 와 insertAfter() 메서드는 선택한 요소의 다음 위치에 새 요소를 생성한다. * 기본형 $("요소 선택").before("새 요소"); $("새 요소").insertBefore("요소 선택"); $("요소 선택").after("새 요소"); $("새 요소").insertAfter("요소 선택"); * 예제 내용1 내용2 내용3 2021. 8. 21.