JQuery'deki belirli HTML etiketlerine nasıl özellik ekleyebilirim?
Örneğin, bu basit HTML gibi:
<input id="someid" />
Ardından, özürlü = "true" özelliği şu şekilde eklenir:
<input id="someid" disabled="true" />
JQuery'deki belirli HTML etiketlerine nasıl özellik ekleyebilirim?
Örneğin, bu basit HTML gibi:
<input id="someid" />
Ardından, özürlü = "true" özelliği şu şekilde eklenir:
<input id="someid" disabled="true" />
Yanıtlar:
Aşağıdaki attr
gibi kullanarak özellikler ekleyebilirsiniz :
$('#someid').attr('name', 'value');
DOM özelliklerini gibi Ancak, checked
, disabled
ve readonly
, (JQuery 1.6 gibi) bunun için uygun şekilde kullanmaktır prop
.
$('#someid').prop('disabled', true);
$('#someid').prop('disabled', true);
çalışmıyor, ama $('#someid').attr('disabled', true);
iyi çalışıyor.
attr
veya prop
bu özellikleri ve nitelikler arasındaki farkı anlamak önemlidir. Farkı anlamadan, beklenmedik davranışlarla karşılaşabilirsiniz. Bkz. Stackoverflow.com/a/6004028/3367343
en iyi çözüm: jQuery v1.6'dan bir özellik eklemek için prop () kullanabilirsiniz
$('#someid').prop('disabled', true);
kaldırmak için şunu kullanın: removeProp()
$('#someid').removeProp('disabled');
Ayrıca, bu özellikleri false olarak ayarlamak için .removeProp () yönteminin kullanılmaması gerektiğini unutmayın. Bir yerel özellik kaldırıldıktan sonra tekrar eklenemez. Daha fazla bilgi için .removeProp () işlevine bakın.
Bunu, .attr
nitelikleri ayarlayacak olan jQuery işleviyle yapabilirsiniz . Bunların kaldırılması .removeAttr
işlev üzerinden yapılır .
//.attr()
$("element").attr("id", "newId");
$("element").attr("disabled", true);
//.removeAttr()
$("element").removeAttr("id");
$("element").removeAttr("disabled");
Özelliği şu şekilde ekle:
$('#Selector_id').attr('disabled',true);
Bu daha yararlı olabilir ....
$("element").prop("id", "modifiedId");
//for boolean
$("element").prop("disabled", true);
//also you can remove attribute
$('#someid').removeProp('disabled');
.attr()
ayarlamak veya okumak için. JQuery belgelerinde .prop () ve .attr () altındaki "Nitelikler ve Özellikler" paragrafına bakın . Ayrıca yukarıdaki Paul Rosani'nin cevabına bakınız.
$('#yourid').prop('disabled', true);
bu kodu kullan <script> $('#someid').attr('disabled,'true'); </script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
$ sembol içindeki metin id = someid ile tüm öğeyi seç, bu kimliğin devre dışı özniteliği true olarak değişir