<!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();
});
//$('.data').each(function() {
//$(this).click(function() {
//alert($(this).text());
// alert("dd");
// });
//});
$('ul').on('click', 'li', function() {
$('li').css('color', 'black');
$(this).css('color', 'red');
// alert($(this).text());
pl.click(function() {
$('li').append('<li>' + "└" + tf.val() + '</li>');
});
});
});
</script>
</head>
<body>
<input type="text" id="tt">
<input type="button" value="+" id="plus">
<input type="button" value="-" id="minus">
<br />
<br />
<div>
[카테고리]
<ul id="ca">
</ul>
</div>
</body>
</html>
'it > jQuery' 카테고리의 다른 글
마우스오버 됫을때 그림이 바껴 신기신기 (0) | 2014.08.21 |
---|---|
새창링크 (0) | 2014.08.21 |
글 숨기기. 테이블 마우스오버,. 색넣기 (0) | 2014.08.21 |
<li>글자추가 삭제 (0) | 2014.08.21 |
jquery연습 글자수제한 마우스오버 그림바꾸기 (0) | 2014.08.21 |