다음은 jquery와 DOM 노드 연산 방법 및 속성 레코드에 대한 글입니다. 에디터가 꽤 좋다고 생각해서 지금 공유해서 참고용으로 올려보겠습니다
온라인에서 jquery의 노드 작업 방법 목록을 찾았습니다. 다음과 같습니다:
method |
소스 패키징 세트/문자열 |
대상 포장 집단 |
기능 설명 |
A.append(B ) |
B |
A |
대상 포장 세트가 하나의 요소만 일치하는 경우 소스(동종 포장 세트와 일치하는 모든 요소 포함)는 다음으로 이동됩니다. target location ;대상 래퍼 세트에 여러 요소가 포함된 경우 소스는 원래 위치에 유지되지만 동일한 복사본이 대상 위치에 복사됩니다. 따라서 대상이 하나의 요소에만 일치하는 경우 위 방법을 사용한 후에 소스가 삭제됩니다. A .이전(B) |
B.insertBefore(A) | |||
A.after(B) | |||
B.insertAfter(A) | |||
예: 위 표에서 A. Append(B)는 A와 일치하는 모든 요소의 기존 콘텐츠에 B를 추가하는 것을 의미하므로 B는 소스이고 A는 대상 래퍼 세트입니다. | 요약은 다음과 같습니다. 위의 방법을 사용한 후 두 노드는 동일한 수준의 형제 노드가 됩니다.|||
(1)appendChild 방법, childNodes 목록 끝에 노드 추가 | //someNode의 childNodes 목록 끝에 newNode 추가|||
//someNode의 첫 번째 하위 노드를 마지막 하위 노드로 변경 | var returnNode = someNode .appendChild(someNode.firstChild);|||
//삽입 후 마지막 자식 노드가 됩니다 | returnedNode = someNode. insertBefore(newNode , null);//appendChild와 동일한 효과
returnedNode = someNode.insertBefor(newNode, someNode.firstChild);
(3)replaceChild 메서드를 사용하여 하위 노드 교체, 삽입할 하위 노드와 교체할 하위 노드라는 두 개의 매개변수를 허용합니다. 교체될 자식 노드는 문서 트리에서 제거되고 그 위치는 삽입될 자식 노드가 차지하게 됩니다
//첫 번째 자식 노드 교체
returnedNode = someNode.replaceChild(newNode, someNode.firstChild) ;
(4) RemoveChild 메소드는 하위 노드를 제거하는 데 사용됩니다
//첫 번째 하위 노드 제거
var formFirstChild = someNode.removeChild(someNode.firstChild);
한 문장으로 요약하면 위의 메소드는 다음과 같습니다. 모든 부모 노드 자식 노드 운영
다음 그림은 아버지, 아들, 형제 노드 간의 검색 관계를 보여줍니다.
위 내용은 모두의 학습에 도움이 되기를 바랍니다. 내용이 있으니 PHP 중국어 홈페이지를 주목해주세요! 관련 권장 사항:JQuery를 사용하여 WordPress에 @ ID 부동 디스플레이 구현하여 댓글 내용 표시
Ajax 부트스트랩은 웹 페이지를 아름답게 하고 페이지 로드, 삭제 및 세부 정보 보기를 위한 코드를 구현합니다.위 내용은 jquery 및 DOM 노드 작업 방법 및 속성 레코드 정보의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!