jQuery_jquery를 사용하여 DOM 요소를 생성, 수정, 추가하는 방법

DOM 요소를 한 번에 즉석에서 조작하는 방법은 무엇입니까?

예를 들어 [만들기]->[수정]->[추가] 세 가지 작업을 차례로 실행합니다.

jQuery는 실제로 디자인 모드의 빌더 모드인 체인 작업을 지원하므로 세 가지 작업을 함께 연결하여 실행할 수 있습니다.

먼저 콘텐츠에 a 요소가 포함된 p 요소를 만듭니다.

코드 복사 코드는 다음과 같습니다.

$('

< a>jQuery< ;/a>

')

그런 다음 a 요소에 href 속성을 추가하세요.

코드 복사 코드는 다음과 같습니다:

$('

jQuery

').find(' a').attr(' href', 'http://www.jquery.com')

마지막으로 새로 추가된 p 요소를 본문에 추가합니다

코드 복사 코드는 다음과 같습니다.

$('

jQuery< ;/p>').find(' a').attr('href', 'http://www.jquery.com').end().appendTo('body')

여기서 end( ) 연산을 실행해야 한다는 점에 유의하세요. 그렇지 않으면 본문에 추가된 요소는 p 요소가 아니라 p 요소의 a 요소가 됩니다.

실제로 end() 작업은 취소와 동일시될 수 없습니다. 이전 선택을 반환하지만 이 선택은 종료 전 작업에 의해 수정되었습니다.

코드 복사 코드는 다음과 같습니다.