728x90
반응형
val()메소드는 value의 소겅값을 가져오거나 새값을 적용할때사용
$("요소 선택).val() ; --> 선택한 요소의 값을 가져옵니다
$("요소 선택).val("새값") --> value 속성에 새 값을 적용한다
prop()메소드
- 선택한 폼 요소(선택 상자 , 체크박스 , 라디오버튼) 등의 속성을 가져오거나 새롭게 설정할떄 사용
선택한 태그명,노드타입,선택상자의 선택된 옵션의 인덱스를 가져올수 잇다
$("요소선택").prop("[checked or selected]");
-체크가 되어있는 상태인지 선택되어있는지 알수있다
체크나 선택이 되어있다면 true 체크나 선택이 되어있지 않다면 false가 반환된다
$("요소선택").prop("[checked or selected]",[true or false]);
-체크 또는 선택 상태를 바꿀수 잇다
$("요소선택").prop("[tagName or nodeType or selectedIndex or defaultValue]");
-선택한 요소의 태그명이나 노드타입 인덱스 값을 구해온다 이때 폼요소에 prop("defaultValeue")를 사용하면 사용자가 value 속성값을 바꿔도 초기의 value 속성값을 가져온다
<script>
$(function(){
var result_1=$("#chk1").prop("checked");
console.log(result_1);
//false
var result_2=$("#chk2").prop("checked");
console.log(result_2);
//true
var result_2=$("#chk3").prop("checked",true);
var result_3=$("#se_1").prop("selectedIndex");
console.log(result_3);
//2
});
</script>
</head>
<body>
<h1>
<strong>객체 조작 및 생성</strong>
</h1>
<form action="#" id="form_1">
<p>
<input type="checkbox" name="chk1" id="chk1">
<lable for="chk1">chk1</lable>
<input type="checkbox" name="chk2" id="chk2" checked>
<lable for="chk2">chk2</lable>
<input type="checkbox" name="chk3" id="chk3">
<lable for="chk3">chk3</lable>
</p>
<p>
<select name="se_1" id="se_1">
<option value="opt1">option1</option>
<option value="opt2">option2</option>
<option value="opt3" selected>option3</option>
</select>
</p>
</form>
</body>
</html>
'[LANG] > - Jquery' 카테고리의 다른 글
| [Jquery]트리거 / 강제이벤트 발생 (0) | 2022.06.04 |
|---|---|
| [Jquery]이벤트 메소드 종류 (0) | 2022.06.04 |
| [Jquery]addClass(),removeClass(),toggleClass(),hasClass() (0) | 2022.06.04 |
| [Jqeury]Doit _javascript & jquery 시작 (0) | 2022.06.03 |
| [Jquery] jquery로 클래스 제어하기 (0) | 2022.06.03 |
댓글