1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 | <!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title> </head><body> <img alt="" src="b_pic1.jpg" width="150" height="120"> <button id="btn1">insert before</button> <button id="btn2">insert after</button> <script type="text/javascript"> $(document).ready(function() { $("#btn1").click(function() { $("img").before("<b>before</b>"); }); $("#btn2").click(function() { $("img").after("<b>after</b>"); }); }); </script> <div id="div1" style="height: 100px; width: 500px; border: 1px solid black; background-color: yellow;"> 여기가 div1 태그입니다 <p id="pid">백운규 "전기요금 누진제 7·8월 한시적 완화"(2보)</p> <p class="pcls">"사회적 배려계층, 냉방지원 대책 마련"</p> </div> <button id="btn3">버튼</button> <script type="text/javascript"> $(function() { $("#btn3").click(function() { // $("#div1").remove(); // 전체 삭제 // $("#div1").empty(); // div 안의 모든 요소를 비운다 // $(".pcls").remove(); $("p").remove("#pid, .pcls"); }); }); </script> </body></html> |
jQuery 기초 (텍스트 추가 (createElement, createTextNode, appe...
jQuery 기초 (txt 파일 가져오기 (load) , 클릭시에 배경색을 변...
