반응형
예제 코드
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="./jquery/jquery.min.js"></script>
</head>
<body>
입력:<input type="text" id="demo" value="">
<br>
<button id="btn">버튼</button>
<script type="text/javascript">
$(document).ready(function () {
$("#btn").click(function () {
//getter
let value = $("#demo").val();
alert(value);
//setter
$("#demo").val("hi nice to meet you");
})
});
</script>
</body>
</html>getter
id='demo'인 text창에 입력후 button을 누르게 되면 text창에 입력한 value를 가져온다.
setter
id='demo'인 text창의 값을 "hi nice to meet you"로 set
결과
입력:반응형
'프로그래밍 언어 > jQuery' 카테고리의 다른 글
| [jQuery] 문서 객체 메소드 정의 및 예제코드 (0) | 2021.06.10 |
|---|---|
| [jQuery] .click 함수 사용 (JavaScript onclick()와 차이점) (0) | 2021.06.10 |
| [jQuery] jQuery란 무엇일까? ( jQuery사용방법, JavaScript 와 jQuery 차이점 ) (0) | 2021.06.10 |