jquery attr & prop

-- JQuery 2012. 8. 16. 11:18
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

기존 jQuery사용하던방식대로 1.6에서도그대로사용하다가 중간중간 함수가 먹지않는 경우가 종종 있다. 대표적으로 inputtype="text" 의 readonly 속성의 경우 기존엔.attr("readonly", true) 형태로 사용했었는데 true는 적용되는데이상하게 false 또는 removeAttr 함수가 적용되지 잘 되지 않는다.


2일을 구글링 한결과...

1.6에서는 기존의 attr()로 처리되었던 것을 attr()과 prop()로 분리 처리되게 되었음을 알게됨.  에혀...


.prop()

 

Categories:Attributes | Manipulation > General Attributes

 

prop( propertyName  )

 .prop( propertyName )

 

prop( propertyName , value )

 .prop( propertyName, value )

 .prop( map )

 .prop( propertyName, function(index,oldPropertyValue) )


.attr()과 .prop()사용에관한구분


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 **

 



prop의사용은 설정과 해제 시 동일하게 적용해야 한다.

 =>동일 한 아이디의 readonly 설정은 attr 로 하고 해제는 prop으로하게되면적용이안됨 :: 설정도 prop으로설정해야


출처 : http://blog.naver.com/windil?Redirect=Log&logNo=161206296

'-- JQuery' 카테고리의 다른 글

JQuery Sortable로 Sort 시 Google Chart가 사라지는 현상  (0) 2012.09.03
JQuery datepicker 이미지버튼 적용 및 스타일적용  (0) 2012.08.20
JQuery Select Box 제어  (0) 2012.08.16
Useful Slide Show  (0) 2012.08.08
Useful Left Menu  (0) 2012.08.08
posted by 어린왕자악꿍