"Programming/jQuery"에서 1개의 글을 찾았습니다.
- 2011/12/20 JQuery 1.6의 가장 큰 변화! .prop() 함수. (2)
JQuery 1.6의 가장 큰 변화! .prop() 함수.
실제 프로젝트에서 jQuery를 적용중입니다. 기존 순수 Javascript를 사용할 때 보다 코드 양이 많이 줄어드는 것 때문에 저는 jQuery를 선호하는 편입니다. 그런데 1.4를 쓰다가 1.6대로 변경된 적이 있는데 이상하게 적용이 안되는 부분이 있었습니다.
checkbox의 상태를 변경하거나 읽어올 때 '.attr()'함수를 이용했었는데 어느 순간부터인가 적용이 잘 안되었습니다. 단순 오류라고 생각하고
jObject[0].checked = "checked";이렇게 javascript 객체로 변경해서 진행했습니다. (적용이 안되니 어떻게든 되게 해야져 ^^;;)
그런데 우연한 구글신과의 만남중에 정말로 우연히 1.6에서 변화가 있었다는 것을 알게되었습니다. 사용하고 있던 api가 이렇게 변경될 줄이야!!
기존의 attr()로 처리되었던 것을 attr()과 prop()로 분리되어 처리되게 되었습니다.
다음은 .attr()과 .prop()사용에 관한 구분입니다..prop()
- prop( propertyName )
- .prop( propertyName )
- prop( propertyName , value )
- .prop( propertyName, value )
- .prop( map )
- .prop( propertyName, function(index, oldPropertyValue) )
(출처:서디의 다락방:jQuery 1.6.1 릴리즈, 성능 , 버그 픽스 내용)
Attribute/Property |
.attr() |
.prop() |
accesskey |
✓ |
|
align |
✓ |
|
async |
✓ |
✓ |
autofocus |
✓ |
✓ |
checked |
✓ |
✓ |
class |
✓ |
|
contenteditable |
✓ |
|
defaultValue |
|
✓ |
draggable |
✓ |
|
href |
✓ |
|
id |
✓ |
|
label |
✓ |
|
location * |
✓ |
✓ |
multiple |
✓ |
✓ |
nodeName |
|
✓ |
nodeType |
|
✓ |
readOnly |
✓ |
✓ |
rel |
✓ |
|
selected |
✓ |
✓ |
selectedIndex |
|
✓ |
src |
✓ |
|
style |
✓ |
|
tabindex |
✓ |
|
tagName |
|
✓ |
title |
✓ |
|
type |
✓ |
|
width ** |
✓ |
'Programming > jQuery' 카테고리의 다른 글
| JQuery 1.6의 가장 큰 변화! .prop() 함수. (2) | 2011/12/20 |
|---|
This is an example of a WordPress page, you could edit this to put information about yourself or your site so readers know where you are coming from.
XHTML
2012/01/09 20:49
비밀댓글입니다
otamot
2012/01/10 16:21
이제야 댓글을 봤는데 되셨나 보네요 ^^