728x90
반응형
http://blog.naver.com/pureb612b?Redirect=Log&logNo=10122874401
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <!-- $(a).append(b) //b를 a의 뒤에 추가 $(a).prepend(b) //b를 a의 앞에 추가 $(a).after(b) //b를 a의 뒤에 insert $(a).before(b) //b를 a의 앞에 insert --> <script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('body').append('<h3>Happy Day!!</h3>'); $('h3').eq(0).append('<h4>안녕하세요</h4>'); $('h3').eq(0).before('<font color=red>Hello World!!</font><br>'); $('font').eq(0).after('<font color=green>Hello World!!</font><br>'); //추가시킬 소스등을 미리 변수로 설정한후 한꺼번에 추가 var img1='<img src="../image/1.JPG" />'; var img2='<img src="../image/2.JPG" />'; var img3='<img src="../image/3.JPG" />'; var h1='<h2>아름다운 사진들 감상하세요</h2>'; $('body').append(h1,img1,img2,img3); $('img').css({ 'width':100, 'height':130, 'border':2 }); }); </script> </head> <body> </body> </html>
728x90
반응형
'JQUERY > 소스코드' 카테고리의 다른 글
| jquery 팝업 창 세로 중앙 정렬 (0) | 2015.11.06 |
|---|---|
| jquery의 html(), append(), prepend()를 이용해 html 추가하기 (0) | 2015.10.15 |
| Jquery 웹개발시 F1 키 도움말 막고 단축키로 사용하기 (0) | 2015.10.15 |
| 제이쿼리 팝업 자식창에서 부모창 값 전달 (아이디,함수실행) (0) | 2015.10.13 |
| [jQuery] 복습 예제 : append(), prepend() 를 이용한 이미지 순환 갤러리 만들기 (간단) (0) | 2015.10.13 |
| 20강. jquery - 좌우스크롤,eq,length,scrollLeft.left (0) | 2015.10.13 |
| jquery index(eq,lt,gt,even,odd,first,last,not) 예제 (0) | 2015.10.13 |
| jQuery input name으로 선택 (0) | 2015.10.13 |
nineDeveloper
안녕하세요 현직 개발자 입니다 ~ 빠르게 변화하는 세상에 뒤쳐지지 않도록 우리모두 열심히 공부합시다 ~! 개발공부는 넘나 재미있는 것~!