   |
| Remove.htm |
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> 검색 요소 완전 제거 </title> <style type="text/css"> button { display:block; margin:3px; color:Red; width:200px;} div { color:Red; border:2px solid blue ; width:200px; margin:3px ; text-align:center; } </style> <script src="../../jquery-1[1].3.2-vsdoc2.js" <script type="text/javascript"> $(document).ready(function () { //[1] 내용 지우기 $('#btnEmpty').click(function () { $('div').empty(); $('div').append("<b>hi</b>"); }); //[2] 요소 없애기 $('#btnRemove').click(function () { $('div').remove(); $('div').append("<b>hi</b>"); }); }); </script> </head> <body> <h3>jQuery UI provides abstractions</h3> <div> <p>JQuery</p> <p>Silverlight</p> </div> <input type="button" id="btnEmpty" value="위 영역 삭제(레이블만)" /> <input type="button" id="btnRemove" value="위 영역 완전 제거" /> </body> </html> |
WebJQuery.rar'.Net Project > Jquery 1.3.2' 카테고리의 다른 글
| 46장 JQueryCSS 검색된 요소 구하기 (OuterWidthAndHeight) (0) | 2009.11.11 |
|---|---|
| 45장 JQueryCSS 검색된 요소 구하기 (WidthHeight) (0) | 2009.11.11 |
| 43장 JQueryManipulation 검색된 요소 변경하기 (ReplaceWith) (0) | 2009.11.11 |
| 42장 JQueryManipulation 검색된 요소 복사 (Clone) (0) | 2009.11.11 |
| 41장 JQueryManipulation 검색 요소 특정 태그로 감싸기 (Wrap) (0) | 2009.11.11 |