<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>더하고 뺀다</title>
<script src="../lib/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(function(){
var tf= $('#tt');
var pl= $('#plus');
var mi = $('#minus');
var h = $('#ca');
pl.click(function(){
h.append('<li>'+tf.val()+'</li>');
});
mi.click(function(){
$('li:last').remove();
});
});
</script>
</head>
<body>
<form name ="frm">
<input type="text" id="tt">
<input type="button" value="+" id="plus" >
<input type="button"value="-" id="minus" >
<br /> <br />
<div id ="ca">[카테고리]
</div>
</form>
</body>
</html>
'it > jQuery' 카테고리의 다른 글
| 뭔가 되긴 되는거 같은데 (0) | 2014.08.21 |
|---|---|
| 글 숨기기. 테이블 마우스오버,. 색넣기 (0) | 2014.08.21 |
| jquery연습 글자수제한 마우스오버 그림바꾸기 (0) | 2014.08.21 |
| http://hyeonstorage.tistory.com/ (0) | 2014.08.21 |
| JQuery 기초기초 (0) | 2014.08.21 |
