jQuery_jquery의 노드 운영에 대한 관련 소개

동적으로 Dom 노드 생성

jQuery는 $(html 문자열)을 사용하여 Dom 노드를 동적으로 생성하고 jQuery 객체를 반환하여 추가 및 기타 메서드를 호출하여 생성된 노드를 Dom에 추가할 수 있습니다.

예:

var link = $("Baidu");

$("div:first").append(링크);

노드 요소 추가 방법:

Append 메소드는 요소 끝에 요소(마지막 하위 노드)를 추가하는 데 사용됩니다.

Prepend는 요소 시작 부분에 요소(첫 번째 하위 노드)를 추가합니다.

이후: 요소 뒤에 요소 추가(형제 노드 추가)

이전: 요소 앞에 요소 추가(형제 노드 추가)

Child element.appendTo(parent element): 요소 끝에 하위 요소

를 추가합니다.

Child element.prependTo(parent element): 요소 시작 부분에 하위 요소

를 추가합니다.

A.insertBefore(B) B 앞에 A를 삽입합니다. 이는 B.before(A)와 동일합니다.

X.insertAfter(B) Y 뒤에 X를 삽입합니다. 이는 Y.after(X)와 동일합니다.

노드 삭제:

Empty(): 이 요소 아래의 모든 하위 노드를 지웁니다

다음과 동일: while(ele.firstChild){ele.removeChild(ele.firstChild);}

Remove(selectot); 현재 요소를 삭제하고 반환 값은 삭제된 요소입니다. 예를 들어 다음과 같이 노드가 삭제되고 다른 노드 아래에 배치된다고 말할 수 있습니다. >

var lis = $("#ulSite li").remove();

$("#ulSite2").append(lis);

Clone()은 노드를 복제하고, 노드 복사를 지원하며, 노드를 복사하지 않습니다

Clone(true): 이벤트가 있는 노드 복제

노드 교체:

$("br").replaceWith(" $("br").replaceAll("

---

");

랩 노드

Wrap() 메소드는 지정된 태그가 있는 모든 요소를 ​​하나씩 래핑하는 데 사용됩니다.

$("b").wrap("");굵은 문자는 모두 빨간색으로 표시

wrapInner();

를 내부로 감쌉니다.