클릭버튼 노드를 클릭하여 이벤트를 실행한다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>node op ex2</title>
<script src="../js/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
var $btn = $("#btn");
$btn.click(function(){
$(this).html("버튼 클릭");
});
});
</script>
</head>
<body>
<button id="btn">버튼</button>
</body>
</html>
버튼을 클릭하면 안에 있는 value가 바뀌는 이벤트가 실행된다.
728x90
반응형
'HTML > jQuery 기초' 카테고리의 다른 글
| [jQuery] 부모 노드 (0) | 2020.08.03 |
|---|---|
| [jQuery] 자식 노드 (0) | 2020.08.03 |
| [jQuery] 노드 찾기 - 4 (0) | 2020.08.03 |
| [jQuery] 노드 찾기 - 2 (0) | 2020.08.03 |
| [jQuery]노드 찾기 - 1 (0) | 2020.08.03 |
