반응형
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<button>버튼1</button>
<button>버튼 2</button>
<div><span>0</span> button #1 clicks.</div>
<div><span>0</span> button #2 clicks.</div>
<script>
$("button:first").click(function() {
add($("span:first"));
});
$("button:last").click(function() {
$("button:first").trigger("click");
add($("span:last"));
});
function add(plus) {
var n = parseInt(plus.text(), 10);
plus.text(n + 1);
}
</script>
</body>
</html>
반응형
'2020 > JQuery' 카테고리의 다른 글
| JQuery hide, show (0) | 2020.02.28 |
|---|---|
| JQuery attr 속성변경 (0) | 2020.02.28 |
| JQuery addClass, hasClass, removeClass, toggleClass(속성추가제거) (0) | 2020.02.28 |
| JQuery unbind(이벤트해제) (0) | 2020.02.28 |
| JQuery detach, empty, remove, 요소제거 (0) | 2020.02.28 |
꽃꽂이하는개발자