<strong>1. 메소드</strong> <br><br>wrap: 일치하는 모든 요소를 다른 요소의 구조로 래핑 <br><br>wrapAll: 일치하는 모든 요소를 단일 요소로 래핑 <br><br>wrapInner : 일치하는 요소의 하위 클래스를 html 구조로 래핑 <br><br><strong> 2. 예시 </strong> <br><br> (1) 래핑 <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="13361" class="copybut" id="copybut13361" onclick="doCopy('code13361')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code13361"> <br><!DOCTYPE html> <br><html> ><meta charset="UTF-8"> <br><title>여기에 제목 삽입</title><br><script type="text/javascript" src="../ jquery-2.0. 0/jquery-2.0.0.js"></script> <br><script type="text/javascript"> <br>$(function() { <br>$( "div a" ).wrap("<div id='id'></div>") <br></script> <br></head> body> <br><div> <br><a>liuxingyu</a> <a>liuxingyu<br></div> <br></body> <br><br> <br>firebug는 다음과 같은 결과를 표시합니다. <br><br><br></a> </div>코드 복사<br><br><div class="codetitle"> 코드는 다음과 같습니다.<span><a style="CURSOR: pointer" data="5075" class="copybut" id="copybut5075" onclick="doCopy('code5075')"> <u><!DOCTYPE html> </u><head> <meta charset="UTF-8"> </a><title>여기에 제목을 삽입하세요</title></span><script src="../jquery-2.0.0/jquery-2.0.0. js" type="text/javascript"> </div><script type="text/javascript"> <div class="codebody" id="code5075"></head> <br><body> <br><div> <br><div id="id"> <br><a>liuxingyu</a> <br></div> <br><div id="id"> ;liuxingyu</a> <br><div id="id"> <br><a>liuxingyu</a> <div id="id"> <br><a>liuxingyu</a> <br></div> <br></body> ;/html> <br><br> <br> (2) WrapAll <br><br><br><br><br>코드 복사<br><br><br> 코드는 다음과 같습니다. 🎜><br> <br> <br> <br><meta charset="UTF-8"><script type="text/javascript" src="../jquery-2.0.0/jquery-2.0.0.js"></script> <script type="text/javascript"> <br>$(function() { <br>$("div a").wrapAll("<div id='id'></div> "); <div class="codetitle">}); <span></script> <a style="CURSOR: pointer" data="83049" class="copybut" id="copybut83049" onclick="doCopy('code83049')"></head> <u><body> </u><div> a>liuxingyu</a> <a> liuxingyu</a> </a></div> </span></html> </div> <div class="codebody" id="code83049"> <br> 결과: <br><br><br><br><br>코드 복사<br><br><br> 코드는 다음과 같습니다.<br><br> <br> <!DOCTYPE html> <br> <br> <br><meta charset="UTF-8"> <br><title>여기에 제목 삽입</title> ="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript"> <br><script type="text/javascript"> ) { <br>$("div a").wrapAll("<div id='id'></div>") <br>< ;/script> ></head> </div><body> <br><div id="id"><a>liuxingyu< ;/a><a>liuxingyu</a> <br></div> <div class="codetitle"></body> ;/html> <span><a style="CURSOR: pointer" data="22570" class="copybut" id="copybut22570" onclick="doCopy('code22570')"> <u>(3) WrapInner </u></a></span> </div> <div class="codebody" id="code22570">코드 복사 <br><br><br> 코드는 다음과 같습니다.<br><div class="codebody" id="code4007"> <br><!DOCTYPE html> <br><html> <br><머리> <br><meta charset="UTF-8"> <br><title>여기에 제목을 삽입하세요</title> <br><script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript"> <br><script type="text/javascript"> <br>$(function() { <br>$("div").wrapInner("<div id='id'></div>"); <br>}); <br></script> <br></head> <br><본문> <br><div> <br><a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a> <br></div> <br></body> <br></html> <br> </div> <br>firebug显示结果： <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="86253" class="copybut" id="copybut86253" onclick="doCopy('code86253')"><u>复代码</u></a></span> 代码如下:</div> <div class="codebody" id="code86253"> <br><!DOCTYPE html> <br><html> <br><머리> <br><meta charset="UTF-8"> <br><title>여기에 제목을 삽입하세요</title> <br><script src="../jquery-2.0.0/jquery-2.0.0.js" type="text/javascript"> <br><script type="text/javascript"> <br>$(function() { <br>$("div").wrapInner("<div id='id'></div>"); <br>}); <br></script> <br></head> <br><본문> <br><div> <br><div id="id"> <br><a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a> <a>liuxingyu</a> <br></div> <br></div> <br></body> <br></html> <br> </div> </div> </div> </div>
