요소의 대체 메소드

요소의 대체 메소드

CODEDRAGON ㆍDevelopment/JavaScript, jQuery, ...

요소의 대체

선택한 요소를 지정된 요소로 대체하는 메소드입니다.
.replaceAll() 메소드와 .replaceWith() 메소드는 제거된 요소와 관련된 모든 데이터와 이벤트 핸들러도 같이 제거합니다.

메소드

설명

.replaceAll()

· 선택한 요소를 지정된 요소로 대체합니다.

· 인수로 선택자나 제이쿼리 객체, HTML DOM 요소, 배열 등을 전달받을 수 있습니다.

.replaceWith()

· 선택한 모든 요소를 지정된 요소로 대체합니다.

· 인수로 HTML 코드 형식의 문자열이나 제이쿼리 객체, HTML DOM 요소, 배열 등을 전달받을 수 있습니다.

· 선택한 요소를 대체할 수 있는 컨텐츠를 반환하는 함수를 인수로 전달받을 수도 있습니다.

· .replaceWith() 메소드의 동작은 .replaceAll() 메소드와 비슷하지만, 소스(source)와 타겟(target)의 위치가 서로 반대입니다.

· .replaceWith() 메소드는 지정된 요소로 대체되어 제거된 기존 요소를 반환합니다.

이펙트(effect) 효과 (0)	2017.11.28
[jQuery] 문서 객체의 제거 - .remove(), .empty(), .detach() (0)	2017.11.27
기존 요소를 포함하는 새로운 요소를 추가해주는 메소드 (0)	2017.11.27
요소의 크기, 요소의 크기를 결정하는 구성요소, 요소의 크기설정 함수 (0)	2017.11.27
속성(attribute) vs 프로퍼티(property) (0)	2017.11.27

CodeDragon