SMALL
이번에는 append() 와 prepend() 메소드입니다.
append()는 마지막에 값을 추가해주고 prepend()은 맨 처음에 값을 추가해줍니다.
소스.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style type="text/css"> p { color:Orange; } </style> <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> <script type="text/javascript"> $(document).ready(function() { $("h1").click(whenClick); });
function whenClick(){ $(this).append("+"); } </script> </head> <body> <h1>RintIanTta</h1> <h1>RantIanTta</h1> <h1>IanKelRaucTta</h1> <h1>HaraRect</h1> <h1>VhenSiliate</h1> </body> </html> |
<h1>태그 클릭시 whenClick 함수를 실행합니다. 그리고 whenClick에서 this에 append 속성을 부여하고 + 값을 추가합니다.
결과.
클릭할 때 마다 글자끝에 + 가 증가하는거 보실수 있습니다.
이번에는 prepend()를 사용해보겠습니다.
결과.
LIST
'Skills > Web' 카테고리의 다른 글
| jQuery Basic 17강 - hasClass() (0) | 2014.01.13 |
|---|---|
| jQuery Basic 16강 - Append & PrePend & After & Before (0) | 2014.01.13 |
| JQuery Basic 14강 - before() & after() (0) | 2014.01.13 |
| JQuery Basic 13강 - insertBefore() & insertAfter() (0) | 2014.01.13 |
| JQuery Basic 12강 - each() (0) | 2014.01.13 |