JQuery'de özellik ekleme


Yanıtlar:


520

Aşağıdaki attrgibi kullanarak özellikler ekleyebilirsiniz :

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

DOM özelliklerini gibi Ancak, checked, disabledve readonly, (JQuery 1.6 gibi) bunun için uygun şekilde kullanmaktır prop.

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

28
Benim için $('#someid').prop('disabled', true);çalışmıyor, ama $('#someid').attr('disabled', true);iyi çalışıyor.
Vukašin Manojlović

4
@ VukašinManojlović .. ile aynı fikirde.
sstauross

3
Kullanmak için gidiyoruz karar vermeden önce attrveya propbu özellikleri ve nitelikler arasındaki farkı anlamak önemlidir. Farkı anlamadan, beklenmedik davranışlarla karşılaşabilirsiniz. Bkz. Stackoverflow.com/a/6004028/3367343
Travis Hohl

prop şimdi attr için bir yedek olarak kullanılabilir? ya da sadece bazı özel durumlarda mı kullanılır?
Chaudhry Waqas

41

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');

Reference

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.


29

Bunu, .attrnitelikleri ayarlayacak olan jQuery işleviyle yapabilirsiniz . Bunların kaldırılması .removeAttrişlev üzerinden yapılır .

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

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

1
Kaldırma işlevini dahil etmek için bonus!
BoatCode




2

Özelliği şu şekilde ekle:

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

0

Bu daha yararlı olabilir ....

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

Nitelikler ve özellikler tam olarak aynı değildir. Örneğin, "id" bir özellik değil, bir özelliktir. Sen kullanmak .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.
jkdev


0

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


biraz açıklama yapabilirsen daha güzel olurdu
mooga

Sadece kod yazdıktan sonra jQuery bağlantısını dahil et <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
Vildan Bina
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.