prop()을 사용하여 jQuery로 입력 요소를 올바르게 활성화하는 방법

jQuery를 사용하여 "비활성화" 속성 제거

쿼리에서 먼저 클릭 시 입력 요소를 비활성화한 다음 활성화하려고 합니다. 링크. 그러나 코드에서 "disabled" 속성을 제거하지 못했습니다.

jQuery의 prop() 메서드

jQuery에서 요소를 효과적으로 비활성화하거나 활성화하려면 항상 다음을 사용하세요. prop() 메소드. prop()은 속성을 처리하는 반면 attr()/removeAttr()은 속성을 처리하므로 이러한 구별이 중요합니다.

특정 인스턴스에서 올바른 코드는 다음과 같습니다.

$("#edit").click(function(event){
   event.preventDefault();
   $('.inputDisabled').prop("disabled", false); // Elements are now enabled.
});

다음을 참조하세요. 이 jsFiddle에서 작동 중인 업데이트된 코드: [jsFiddle 링크]

Prop() 대 attr()/removeAttr()

While attr() /removeAttr()은 기술적으로 요소를 활성화/비활성화할 수 있지만 잠재적인 불일치로 인해 권장되지 않습니다. Prop()은 속성 값을 명시적으로 관리하여 보다 안정적인 동작을 제공합니다.

Pre-jQuery 3.0(2016년 이전)

removeAttr()에서는 비활성화된 속성을 완전히 제거하고 속성을 false로 설정합니다. 반대로, prop()은 속성의 부울 값만 수정했습니다.

jQuery 3.0 이상

prop()은 이제 권장되는 접근 방식으로 남아 있습니다. 이제 RemoveAttr()은 더 이상 설정되지 않습니다. 해당 속성을 false로 설정합니다. 이러한 구별은 속성(초기 값)과 속성(현재 값)을 구별하는 최신 브라우저에 필수적입니다.

위 내용은 prop()을 사용하여 jQuery로 입력 요소를 올바르게 활성화하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!