728x90
반응형
728x90
반응형
제이쿼리 id로 값 가져오기
- ID는 고유한 값을 가지기 때문에 선택자가 정확합니다.
사용 예제
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function () {
// 버튼 클릭 시 input 요소의 값을 가져옴
$('#getValueBtn').click(function() {
const value = $('#myInput').val(); // id로 선택
console.log(value); // "Hello, World!" 출력
});
});
</script>
</head>
<body>
<input type="text" id="myInput" value="Hello, World!">
<button id="getValueBtn">Get Value</button>
</body>
</html>- $('#myInput'): id="myInput"인 요소 선택.
- .val(): 입력 필드의 값을 가져오거나 설정.
728x90
반응형
'프로그래밍 > jQuery' 카테고리의 다른 글
| [jquery] 제이쿼리를 사용하여 class로 값 가져오기 (44) | 2024.12.09 |
|---|---|
| [jquery] 제이쿼리를 사용하여 name으로 값 가져오기 (125) | 2024.12.09 |
| [jquery] 동적 요소 이벤트 바인딩 처리 (78) | 2024.12.02 |
| [jquery] click() 메서드와 on("click") 메서드의 차이 (63) | 2024.12.02 |
| jQuery 페이지 로드 후 실행 이벤트 (45) | 2024.12.02 |