1. 요소 내부/외부 추가 추가, 앞에 추가: 하위 요소에 추가 이전, 이후: 형제 요소로 추가 html: 코드 복사 코드는 다음과 같습니다. 내 뉴스 항목 추가 Javascript: 코드 복사 🎜 > 코드는 다음과 같습니다. </div>jQuery(function(){ <div class="codebody" id="code76734">//내용을 내부에 추가합니다. element<br> $("#content").append("<p>야오밍이 은퇴했습니다...</p>") <br>}) <br> 🎜> #content 내부에 요소를 추가합니다. 이는 Yao Ming 은퇴...를 #content에 하위 요소로 추가하는 것입니다. 이 경우 #content 코드 복사 코드는 다음과 같습니다. </u>jQuery(function(){ </a>//Add content1에 추가한 후 범위</span>$("#content").after("<p>Yao Ming은 은퇴했습니다...</p>") </div>}) <div class="codebody" id="code54707"> 2. 요소의 다른 위치에 콘텐츠 추가 html 코드 복사 코드는 다음과 같습니다. 밝은 달빛 창 앞 > 코드는 다음과 같습니다. >jQuery(function(){ <br>//content1에 추가할 범위 추가 <br>$("span").appendTo("#content1"); <br>}) 뒤에 <br> 3. 요소의 시작 부분에 내용 추가 html 코드 복사 코드는 다음과 같습니다. < div> ;/p> javascript 코드 복사 <br>jQuery(function(){ <br>//요소 시작 부분에 콘텐츠 추가<br> $("#content").prepend("<p>헤더</p>") <br>}) <br> 4. 다양한 요소의 시작 부분에 콘텐츠 추가 html 코드 복사 코드는 다음과 같습니다. 내 코드 복사 뒤에 뉴스 추가 코드는 다음과 같습니다. <a style="CURSOR: pointer" data="4505" class="copybut" id="copybut4505" onclick="doCopy('code4505')">jQuery(function (){ <u>//다른 요소의 시작 부분에 콘텐츠 추가 </u>$("span").prependTo("#content") </a>}) </span>#content 내부에 요소를 추가합니다. #content 외부에 시작 요소를 추가하려는 경우 땅에 서리가 의심되는 요소를 추가합니다. 이 경우에는 suspected to be Frost on the ground를 #content에 형제 요소로 추가하고 코드 복사 코드는 다음과 같습니다. { <br>//다른 요소의 시작 부분에 콘텐츠 추가<br>$("span").before("#content") <br>}) <br> > 5. 지정된 구조의 요소 포함 Warp(html) 은 지정된 html의 html 요소를 지정하지만 지정된 요소는 형제 요소를 포함할 수 없습니다. 정상적으로 실행되지 않으며 일반 텍스트 문자열이 포함되어 있지 않습니다. 다음 코드는 div 태그를 사용하여 p 태그를 포함합니다. 코드 복사 코드는 다음과 같습니다. < form id="form1" runat="server">include me in div ;/form> javascript 코드 복사 코드는 다음과 같습니다. </a>jQuery(function(){ </span>$("span").wrap("<b></b>") ; </div>}) <div class="codebody" id="code19863"> 6. 지정된 요소가 포함된 여러 html 요소 포함 warpAll(html) html 코드 복사 코드는 다음과 같습니다. pcontent pcontent /p> p 콘텐츠 javascript 복사 code 코드는 다음과 같습니다. <span>jQuery(function(){ <a style="CURSOR: pointer" data="15186" class="copybut" id="copybut15186" onclick="doCopy('code15186')">$ ("p").wrapAll("<div style ='border:1px solid red'><p></p></div>") <u>}) </u>< /script> </a></span> </div> <div class="codebody" id="code15186">7. 지정된 태그를 사용하여 하위 요소를 포함합니다. <br> <br>wrapInner(html) <br>warp 방법과 동일하게 html 요소를 지정합니다. 예를 들어, <br>b 태그를 사용하여 p 태그에 텍스트를 포함합니다. 코드는 다음과 같습니다. <br>html 코드<br><p>p 태그의 텍스트를 b 태그로 묶습니다< /p></div><p>b 태그와 함께 p 태그의 텍스트도 포함합니다. <br><strong></strong><br>코드 복사 <br><br><br> 코드는 다음과 같습니다. <br><br> <br>javascript <div class="codetitle"><script type= "text/javascript"> <span>jQuery(function(){ <a style="CURSOR: pointer" data="39349" class="copybut" id="copybut39349" onclick="doCopy('code39349')">$("p" ).wrapInner("<b></b>") <u>}) </u>< ;/script> </a></span> </div> </div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
