jQuery disabled 속성 제어

정말 많이 쓰는데 ‘disable’인지 ‘disabled’인지 자주 헷갈린다.

$( elem ).attr( 'disabled', true );
$( elem ).attr( 'disabled', false );

Tip.

아래와 같이 삼항연산자를 이용해서 true, false를 제어하면 보기도 좋고 코드도 줄어들고 편리하다.

$( elem ).attr( 'disabled', condition ? true : false );

attr(), prop()의 차이

요약

HTML에 관련된 것은 .attr() Javascript에 관련된 것은 .prop()

본문

  • jQuery 1.6/1.6.1에서 .attr().prop()로 나눔.
  • checkbox 버그가 존재했음.
    • .prop("checked", true)로 해결.
  • 공식 API 문서

    The difference between attributes and properties can be important in specific situations. Before jQuery 1.6, the .attr() method sometimes took property values into account when retrieving some attributes, which could cause inconsistent behavior. As of jQuery 1.6, the .prop() method provides a way to explicitly retrieve property values, while .attr() retrieves attributes.

    .attr()에서 문제가 있어서 .prop()만들었음. 궁금하면 문서 더 보세요.

참고

immer는 객체 비구조화 문법(Object Destructuring)을 사용하면 동작하지 않는다.

## [immer](https://github.com/immerjs/immer)는 객체 비구조화 문법(Object Destructuring)을 사용하면 동작하지 않는다.아래는 redux에서 reducer쪽 immutable state를 immer...… Continue reading

2019 카카오 FE(Front-end) Meetup

Published on September 16, 2019

2019 카카오 개발자 컨퍼런스

Published on September 11, 2019