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()만들었음. 궁금하면 문서 더 보세요.

참고

[한국어, EN] React Native import 환경 설정(import setting)

* [1. 프로젝트 구조(Project Structure)](#1-프로젝트-구조project-structure)* [2. 동작 안하는 예제(Not work example)](#2-동작-안하는-예제not-work-example)* [3. 동작 하는...… Continue reading