<div class="codetitle"> <span><a style="CURSOR: pointer" data="75828" class="copybut" id="copybut75828" onclick="doCopy('code75828')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code75828"> <br><html> 🎜>< ;meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <br><title>jQuery 노드 삽입, 복사, 교체 및 삭제</title> 🎜> <script type="text/javascript" src="jquery-1.3.2.js"></script> <br><script type="text/javascript"> document) .ready(function(){ <br>//노드를 추가하는 여러 가지 방법<br>//$("p").append("<b>잘 지내세요?</b>"); / /p 요소에 "b" 추가 <br>//$("<b>How are you?</b>").appendTo("p");//p 요소에 "b" 추가 요소 Middle<br>//$("p").prepend("<b>How are you?</b>");//Prepend <br>//$(" <b>How are you? </b>").prependTo("p");//p 요소 앞에 "b"를 추가하세요<br>//$("p").after(" <b>How are you? ");//p 요소 뒤에 "b"를 삽입합니다 <br>//$("<b>How are you?</b>"). insertAfter("p");/ /p 요소 뒤에 "b" 삽입<br>//$("p").before("<b>How are you?</b>");/ /p 요소 앞에 "b" 추가 <br>//$("<b>잘 지내세요?</b>").insertBefore("p");//p 요소에 "b" 삽입 이전<br><br><br>//노드를 삭제하는 여러 가지 방법<br>//var $li=$("ul li:eq(1)").remove();//ul 노드 삭제 두 번째 요소 노드<br>//$ ("ul").append($li);//방금 삭제한 요소 노드를 ul 요소에 추가합니다<br>//$("ul li") .remove("li[title!=pineapple]"); //ul 요소 아래의 title 속성이 "pineapple"과 같지 않은 li 요소를 삭제합니다<br>//$("ul li:eq(1)").empty ();//두 번째 내용 지우기 ul 노드 아래의 li 요소<br><br>//노드 복사<br>/* $("ul li").click(function(){ <br>$( this).clone(true).appendTo ("ul");//현재 클릭한 노드를 복사하여 "ul" 요소에 추가하고, 매개변수 추가 시 해당 이벤트를 복사합니다. <br><br>}) <br>*/ <br>//노드 교체 <br>// $("p").replaceWith("<strong>가장 좋아하지 않는 과일은 무엇인가요? </강함>"); <br><br><br><br>}); <br></script> <br></head> <br><body> <br>< ;p>안녕하세요! </p> <br>당신이 가장 좋아하는 과일은 무엇인가요? <br><ul><li title="Apple"><br> <li title="오렌지"</li> <br><li title="파인애플">파인애플</li> <br></ul> <br><br> </div>