jQuery 1.6.1 릴리즈, 성능 , 버그 픽스 내용
성능향상과 몇몇 주요한 bug가 fixed된 1.6 (글 작성 시점엔 1.6.1) 이 릴리즈 되었습니다.
data 부분 성능 향상이 눈에 띄네요.
1.6에서 코딩 상 중요한 변경 점은 기존엔 attribute, property 모두 .attr() 메소드를 이용했다면
1.6에서는 구분하여 .attr(), .prop() 을 이용하게 되었다는 겁니다.
일례로 흔하게 쓰는 체크박스의 checked 프로퍼티를 기존에는
.attr( “checked” , true ); 처럼 attribute 조작 메소드로 다루던 것을 .prop(“checked” , true );와 같이
프로퍼티 전용 메소드로 변경했습니다.
기존에는 ele.attr( “checked”) 으로 체크박스 상태를 검출 하는게 가능했지만 1.6에서는 그냥
빈 문자열을 리턴하기 때문에 ele.prop( “checked”) 로 확인해야 합니다.
attribute와 property 구분이 html 엘리먼트에만 국한된 게 아니라 DOM 엘리먼트까지 적용됩니다.
attribute와 property 구분은 다음과 같습니다.
|
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 ** |
✓ |
* For example, with window.location
** If needed over .width()
Neither .attr() nor .prop() should be used for getting/setting value. Use the .val() method instead (although using .attr(“value”, “somevalue”) will continue to work, as it did before 1.6).
attribute, property 구분으로 인해 기존 1.6 이전 버전으로 개발을 진행한 상태에서
1.6 적용 시 소스를 수정해야하는 부분이 상당할 수 있기 때문에 적절한 판단을 해야 할 것 같습니다.
1.6에서 변경된 개략적인 내용은 전체 릴리즈 노트
http://blog.jquery.com/2011/05/03/jquery-16-released/
http://blog.jquery.com/2011/05/12/jquery-1-6-1-released/ 를 참조하세요.