집 > 기사 > 웹 프론트엔드 > jquery 요소 제어(요소 추가/콘텐츠 추가) 소개 및 적용_jquery

jquery 요소 제어(요소 추가/콘텐츠 추가) 소개 및 적용_jquery

1. 요소 내부/외부 추가
추가, 앞에 추가: 하위 요소에 추가
이전, 이후: 형제 요소로 추가
html:

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

내 뉴스 항목 추가

Javascript:

코드 복사 🎜 > 코드는 다음과 같습니다. 🎜>
#content 내부에 요소를 추가합니다. 이는

Yao Ming 은퇴...

를 #content에 하위 요소로 추가하는 것입니다. 이 경우 #content

코드 복사

밝은 달빛 창 앞

> 코드는 다음과 같습니다.

3. 요소의 시작 부분에 내용 추가 html

코드 복사

코드는 다음과 같습니다.

< div>

;/p>

javascript

4. 다양한 요소의 시작 부분에 콘텐츠 추가 html

코드 복사

코드는 다음과 같습니다.

내

코드 복사 뒤에 뉴스 추가
코드는 다음과 같습니다.

#content 내부에 요소를 추가합니다. #content 외부에 시작 요소를 추가하려는 경우 땅에 서리가 의심되는 요소를 추가합니다. 이 경우에는 suspected to be Frost on the ground를 #content에 형제 요소로 추가하고

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

 
 > 

5. 지정된 구조의 요소 포함

Warp(html) 은 지정된 html의 html 요소를 지정하지만 지정된 요소는 형제 요소를 포함할 수 없습니다. 정상적으로 실행되지 않으며 일반 텍스트 문자열이 포함되어 있지 않습니다. 다음 코드는 div 태그를 사용하여 p 태그를 포함합니다.

코드 복사

코드는 다음과 같습니다. < form id="form1" runat="server">include me in div ;/form>

javascript

코드 복사

p 콘텐츠

 
javascript 

복사 code

코드는 다음과 같습니다.