jquery clone 예제

jQuery 클론()은 일치하는 요소의 복사본을 만드는 데 사용됩니다. 또한 부울 매개 변수를 지원하여 일치하는 요소와 함께 이벤트 처리기 및 데이터를 복사해야 하는지 여부를 나타냅니다. 복제()는 jQuery의 붙박이 메서드로, 자식 노드, 텍스트 및 특성을 포함하여 선택한 요소의 복사본을 만드는 데 사용됩니다. 구문: 삽입 메서드 중 하나와 함께 사용할 때 .clone()은 페이지에서 요소를 복제하는 편리한 방법입니다. 다음 HTML을 고려하십시오: $(문서).ready(function(function){$(“p”).clone(“본문”); }; 코드 #2: 아래 코드에서 true는 복제 메서드에 전달됩니다. jQuery 클론 요소를 만들려면이 구문을 사용해야합니다 :이 메인 로우를 복제 한 후 $newRow이 $newRow txetbox에서 값을 얻고 jQuery 1.5로이 값을 얻는 방법을 사용하여 DataAndEvents를 선택적으로 deepWithDataAndEvents로 향상시킬 수 있습니다. 복제된 요소의 모든 자식에 대한 이벤트 및 데이터를 복사합니다. 참고: 성능상의 이유로 특정 양식 요소의 동적 상태(예: 텍스트 영역에 입력된 사용자 데이터 및 선택 항목에 대한 사용자 선택)는 복제된 요소에 복사되지 않습니다. 입력 요소를 복제할 때 요소의 동적 상태(예: 텍스트 입력에 입력된 사용자 데이터 및 확인란에 대한 사용자 선택)는 복제된 요소에 유지됩니다.

일반적으로 원래 요소에 바인딩된 이벤트 처리기는 복제본에 복사되지 않습니다. 선택적으로 withDataAndEvents 매개 변수를 사용하면 이 동작을 변경하고 대신 모든 이벤트 처리기의 복사본을 요소의 새 복사본에 바인딩할 수 있습니다. jQuery 1.4를 참조하면 모든 요소 데이터(.data() 메서드에 의해 첨부)도 새 복사본에 복사됩니다. 문제는 jquery가 클래스 = “clone1″을 처음 말하는 요소를 복제한다는 사실에 있다고 생각합니다. 그런 다음 단추를 두 번 클릭하면 두 클래스 =”clone1″을 복제하므로 세 개가 아닌 네 개의 요소가 표시됩니다. 텍스트 입력을 통해 복제할 수 있습니까? 예를 들어 텍스트 입력에 3 개의 숫자를 입력하고 onchange를 사용하면 3 번 복제합니다. 그러나 기본 복제 () 또는 clone (false) 메서드를 사용하는 경우 한 상자가 한 번 복제된다는 것을 의미하는 복제를 만들어야합니다. $(“”cloneButton2”).click(함수)(){$(`cloneButton1`).클론(“cloneButton1”))을 삽입한 후(“#contacting div`)”); $#contacting(“cloneButton1”) 참고: .clone()을 사용하면 고유한 것으로 간주되는 중복 ID 특성을 가진 요소를 생성하는 부작용이 있습니다. 가능한 경우 이 특성을 사용하여 요소를 복제하거나 클래스 특성을 식별자로 사용하지 않는 것이 좋습니다.