See the Pen [jQuery] .wrap(), .wrapAll(), wrapInner() by mill (@millfeel) on CodePen. 메소드 설명 .wrap() 선택한 요소마다 새로운 요소로 래핑한다. .wrapAll() 선택한 모든 요소를 새로운 요소 하나로 래핑한다. .wrapInner() 선택한 요소마다 직계 자식들을 새로운 요소로 래핑한다. [공부좌표] http://www.tcpschool.com/jquery/jq_elementManupulating_insert
[JavaScript] Element.getBoundingClientRect()
See the Pen [JavaScript] Element.getBoundingClientRect() by mill (@millfeel) on CodePen. padding과 border-width를 포함해 전체 엘리먼트가 들어 있는 가장 작은 사각형인 DOMRect 객체입니다. top, right, bottom, left, x, y, width, height 프로퍼티는 전반적인 사각형의 위치와 크기를 픽셀 단위로 나타냅니다. 엘리먼트의 크기와 뷰포트에 상대적인 위치 정보를 제공하는 DOMRect 객체를 반환한다. [공부좌표] https://developer.mozilla.org/ko/docs/Web/API/Element/getBoundingClientRect
See the Pen Untitled by mill (@millfeel) on CodePen. .remove() .remove('선택자'); 선택된 요소를 삭제할 때 .remove()를 사용한다. .detach() .detach('선택자'); .detach() 메서드는 .detach()가 제거된 요소와 연결된 모든 jQuery 데이터를 유지한다는 점을 제외하고 .remove()와 동일하다. 이 방법은 제거된 요소가 나중에 DOM에 다시 삽입될 때 유용하다. (잘라내기해서 붙여넣기 한 것과 비슷한 느낌) *detach: (더 큰 것에서) 떼다[분리하다]; 분리되다. .empty() .empty('선택자'); 선택한 요소의 자식 요소들을 모두 삭제한다. .unwrap() .unwrap('선택자'); 선택한 ..
.replaceAll() $(newContent | element).replaceAll(target) 각 대상 요소를 일치하는 요소 집합으로 바꾼다. See the Pen Untitled by mill (@millfeel) on CodePen. - 요소를 생성하는 경우: 선택된 요소들을 각각 생성된 요소로 대체한다. - 존재하는 요소를 선택한 경우: 선택한 요소가 복제되지 않고, 이전 위치에서 이동하여 대상을 대체한다. .replaceWith() $(target).replaceWith(newContent | element | function) DOM에서 콘텐츠를 제거하고 한 번의 호출로 그 자리에 새 콘텐츠를 삽입한다. See the Pen [jQuery] .replaceWith() by mill (@m..