<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<script type="text/javascript" src="js/jquery.js"></script>
<script>
// prop는 dom객체 속성(Property)으로 접근
// attr는 html 마크업 특성(Attribute)으로 접근
$(function(){
$("input[type='checkbox']").prop({
"disabled":true
});
console.log($("input[type='checkbox']").eq(0).prop("checked")); //true
console.log($("input[type='checkbox']").eq(0).attr("checked")); //checked
$("input[type='checkbox']").eq(1).prop("checked", true);
console.log($("input[type='checkbox']").filter(':checked').size()); //체크된 갯수 3
console.log($("input[type='checkbox']").not(':checked').length); //체크되지 않은 갯수 1
console.log($("input[type='checkbox']").eq(2).is(':checked')); //false
console.log($("input[type='checkbox']").eq(2).prop('checked')); //false
//객체의 Property 수정시 prop 사용
var obj = {};
obj.value = "방갑다.";
console.log(obj.value);
$(obj).prop('value', '수정되었어요');
console.log(obj.value);
console.log($(obj).prop('value'));
});
</script>
<title>attr, prop</title>
</head>
<body>
<input type="checkbox" checked="checked" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" checked="checked" />
</body>
</html>
'JQUERY > 함수' 카테고리의 다른 글
| jQuery API 정복 - 부모 찾기, parent() (0) | 2015.11.12 |
|---|---|
| .animate() (0) | 2015.11.12 |
| jQuery(제이쿼리) : .is() (0) | 2015.11.12 |
| [Jquery] attr 과 prop (0) | 2015.10.21 |
| [jQuery selectBox]자바스크립트 onchange 를 jquery에서는? (0) | 2015.03.18 |
| [jQuery-Event]keydown(),keypress(),keyup() - 키보드 이벤트 (0) | 2015.03.18 |
| on 함수 사용법 (0) | 2015.03.16 |
| $.getJSON / $.each / .push (0) | 2015.02.03 |
nineDeveloper
안녕하세요 현직 개발자 입니다 ~ 빠르게 변화하는 세상에 뒤쳐지지 않도록 우리모두 열심히 공부합시다 ~! 개발공부는 넘나 재미있는 것~!