제이쿼리 공부5 [jquery] detach 와 remove detach -선택한 요소를 DOM 요소에서 삭제(데이터와 이벤트는 유지) remove -선택한 요소를 요소에서 제거(데이터와 이벤트는 삭제) 아래 예제을 보면 detach을 사용한 버튼 이벤트의 p 태그 클릭 이벤트는 버튼을 클릭해도 이벤트가 유지하고 있지만 remove을 사용한 버튼 이벤트의 p 태그는 버튼을 클릭하면 p 태그의 클릭 이벤트도 같이 사라진다. See the Pen detach() and remove() by onion (@saetmlda) on CodePen. 참고 사이트 : api.jquery.com/remove/ .remove() | jQuery API Documentation Description: Remove the set of matched elements from the D.. 2021. 1. 10. [jquery] after 와 insertAfter / before 와 insertBefore after -선택한 각 요소 뒤에 지정한 코드를 삽입 -선택한 각 요소 뒤에 삽입 할 요소를 반환하는 함수 전달이 가능하다 insertAfter - 선택한 각 요소를 대상 요소 뒤에 삽입 -함수 전달 불가능 See the Pen after & insertAfter by onion (@saetmlda) on CodePen. before - 선택한 각 요소 앞에 지정한 코드를 삽입 -선택한 각 요소 뒤에 삽입 할 요소를 반환하는 함수 전달이 가능하다 insertBefore - 선택한 각 요소를 대상 요소 앞에 삽입 See the Pen dypqoKX by onion (@saetmlda) on CodePen. 참고 : .after() ,.before()및 .insertAfter(),insertBefore() .. 2021. 1. 10. [jquery] append/appendTo 와 prepend/prependTo append -선택한 각 요소의 마지막에 지정한 코드를 삽입 -선택한 요소를 대상 요소의 마지막에 삽입 See the Pen append & appendTo by onion (@saetmlda) on CodePen. prepend -선택한 각 요소의 처음에 지정한 코드를 삽입 prependTo -선택한 요소를 대상 요소의 맨 처음에 삽입 See the Pen prepend & prependTo by onion (@saetmlda) on CodePen. 2021. 1. 10. [jquery]clone 요소 복사 clone() -선택한 요소의 복사 참고 : 성능상의 이유로 특정 양식 요소의 동적 상태 (예 :에 입력 된 사용자 데이터 textarea및에 대한 사용자 선택 select)는 복제 된 요소에 복사되지 않습니다. input요소를 복제 할 때 요소의 동적 상태 (예 : 텍스트 입력에 입력 된 사용자 데이터 및 확인란에 대한 사용자 선택)가 복제 된 요소에 유지됩니다. See the Pen clone by onion (@saetmlda) on CodePen. 참고사이트 : api.jquery.com/clone/#clone-withDataAndEvents .clone() | jQuery API Documentation Description: Create a deep copy of the set of match.. 2021. 1. 10. [jquery] 메서드 체인닝 method chaining 이란? - 메서드가 객체를 반환하게 되며 메서드의 반환 값인 객체를 통해 또 다른 함수를 호출하는 것을 체인처럼 연결해서 작성하고 실행 하는 프로그램 방법입니다. See the Pen method chaining by onion (@saetmlda) on CodePen. 메서드 체인의 장점 - 함수를 한 번만 작성해도 되므로 코드를 단순화할 수 있습니다. 2021. 1. 9. 이전 1 다음