jQuery에 속성 추가


답변:


519

다음 attr과 같이 사용하여 속성을 추가 할 수 있습니다 .

$('#someid').attr('name', 'value');

DOM 속성이 원하는에 대한 그러나 checked, disabled그리고 readonly, (JQuery와 1.6 기준)이 작업을 수행 할 수있는 적절한 방법을 사용하는 것입니다 prop.

$('#someid').prop('disabled', true);

28
나를 위해 $('#someid').prop('disabled', true);작동하지 않지만 $('#someid').attr('disabled', true);잘 작동합니다.
Vukašin Manojlović

4
@ VukašinManojlović ..에 동의합니다.
sstauross

3
attr또는 사용 여부를 결정하기 전에 prop속성과 속성의 차이점을 이해하는 것이 중요합니다. 차이를 이해하지 않으면 예기치 않은 동작이 발생할 수 있습니다. 참조 stackoverflow.com/a/6004028/3367343
트래비스 HOHL

prop를 이제 attr의 대체품으로 사용할 수 있습니까? 아니면 특별한 경우에만 사용됩니까?
Chaudhry Waqas

41

최상의 솔루션 : jQuery v1.6에서 prop () 을 사용 하여 속성을 추가 할 수 있습니다

$('#someid').prop('disabled', true);

그것을 제거하려면 removeProp()

$('#someid').removeProp('disabled');

Reference

또한 이러한 속성을 false로 설정하는 데 .removeProp () 메서드를 사용해서는 안됩니다. 기본 속성이 제거되면 다시 추가 할 수 없습니다. 자세한 내용은 .removeProp ()를 참조하십시오.


29

.attr속성을 설정하는 jQuery의 기능 으로이 작업을 수행 할 수 있습니다 . 그것들을 제거하는 것은 .removeAttr기능을 통해 수행됩니다 .

//.attr()
$("element").attr("id", "newId");
$("element").attr("disabled", true);

//.removeAttr()
$("element").removeAttr("id");
$("element").removeAttr("disabled");

1
제거 기능을 포함하는 보너스!
BoatCode





0

이것은 더 도움이 될 수 있습니다 ....

$("element").prop("id", "modifiedId");
//for boolean
$("element").prop("disabled", true);
//also you can remove attribute
$('#someid').removeProp('disabled');

속성과 속성이 동일하지 않습니다. 예를 들어 "id"는 속성이 아니라 속성입니다. .attr()설정하거나 읽을 때 사용 합니다. jQuery 문서의 .prop ().attr () 아래 "속성 대 속성"단락을 참조하십시오 . 또한 위 의 Paul Rosania의 답변을 참조하십시오 .
jkdev


0

이 코드를 사용하십시오 <script> $('#someid').attr('disabled,'true'); </script>


설명이 필요하시면 좋을 것입니다
mooga

코드 작성 후 jQuery 링크 포함 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> $ symbol 안의 텍스트 id = someid 인 모든 요소를 ​​선택하고이 id의 비활성화 된 속성이 true로
변경됨
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.