bestsource

jQuery에서 속성 추가

bestsource 2023. 5. 24. 22:16
반응형

jQuery에서 속성 추가

jQuery에서 특정 HTML 태그에 속성을 추가하려면 어떻게 해야 합니까?

예를 들어, 다음과 같은 간단한 HTML:

<input id="someid" />

그런 다음 비활성화됨="true" 속성을 다음과 같이 추가합니다.

<input id="someid" disabled="true" />

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

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

그러나 DOM 속성의 경우 다음과 같습니다.checked,disabled그리고.readonly이를 위한 적절한 방법은 (JQuery 1.6 기준) 을 사용하는 것입니다.prop.

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

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

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

제거하려면, 사용removeProp()

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

Reference

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

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

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

//.removeAttr()
$("element").removeAttr("id");
$("element").removeAttr("disabled");
$('#someid').attr('disabled', 'true');
$('#someid').attr('disabled', 'true');

속성 추가:

$('#Selector_id').attr('disabled',true);
$('.some_selector').attr('disabled', true);

다음 코드 사용:

<script> 
   $('#someid').attr('disabled', 'true'); 
</script>

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

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

removeProp()를 "선택됨", "사용 안 함" 또는 "선택됨"에 사용하려는 경우 작동하지 않을 수 있습니다.속성을 제거하려면 'false' 매개 변수가 있는 prop를 사용합니다.

        $('.my-input').prop('disabled', true); //adding property
        $('.my-input').prop('disabled', false); //removing property

설명서: https://api.jquery.com/removeprop/

언급URL : https://stackoverflow.com/questions/5995628/adding-attribute-in-jquery

반응형