prop Yöntemi

prop yöntemi, bir öğenin özelliğini almanıza ve değiştirmenize olanak tanır. Öğelerin özellikleri ve nitelikleri karıştırılmamalıdır. DOM ağacı oluşturulurken nitelikler, onlara karşılık gelen DOM özelliklerine dönüştürülür. Bunların adları ve değerleri her zaman aynı olmayabilir. Bazı özelliklerin karşılık gelen nitelikleri olmayabilir, bunlar yalnızca prop yöntemi kullanılarak alınabilir veya ayarlanabilir, örneğin tagName özelliği. Bir öğenin niteliklerini almak için attr yöntemini kullanın.

Sözdizimi

Özellik değerini alma:

$(seçici).prop(özellik adı);

Özellik değerini değiştirme:

$(seçici).prop(özellik adı, yeni değer);

Birden fazla özelliğin değerlerini değiştirme:

$(seçici).prop({birinci_özellik: yeni_değer, ikinci_özellik: yeni_değer, ...});

Bir işlevi kümedeki her öğeye uygulama:

$(seçici).prop(özellik adı, function(kümedeki sıra numarası, özelliğin mevcut değeri));

Örnek

Aşağıdaki örnekte, bir paragrafı id değerine göre alacağız ve className özelliğinin değerini ekrana yazdıracağız:

<p id="test" class="aaa">metin</p>

let value = $('#test').prop('className');
console.log(value);

Örnek

Aynı anda className ve disabled özelliklerini değiştirelim:

<input type="checkbox" class="aaa" id="test" /> $("#test").prop({ className: 'bbb', disabled: 'true' });

Ayrıca Bakınız

removeProp yöntemi,
öğelerin özelliklerini silmenize olanak tanır
attr yöntemi,
öğelerin nitelikleriyle çalışmanıza olanak tanır