طريقة jQuery prop()

طريقة HTML/CSS لـ jQuery

يستطيع طريقة prop() الحصول أو تعيين الخاصيات والقيم للعناصر المحددة.

عندما تستخدم طريقة prop()الحصولعندما يتم تعيين قيمة الخاصية، سيقوم بتحويلها إلىالعنصر المحدد الأولالقيمة.

استخدام طريقة prop()تعيينعندما يتم تعيين قيمة الخاصية، سيكون لهاجميع العناصر المحددةتعيين زوج من الخاصية/القيمة واحد أو أكثر.

للحصول أو تعيين خاصية HTML، استخدم بدلاً من ذلكattr()الطريقة.

لإزالة الخاصية، استخدمremoveProp()الطريقة.

النحو:

الحصول على قيمة الخاصية:

$("selector").prop(property)

تعيين الخاصية والقيمة:

$("selector").prop(property,　value)

تعيين عدة الخاصيات والقيم:

$("selector").prop({property:value,　property:value,　...})

استخدام الدالة لتعيين الخاصية والقيمة

$("selector").prop(property,　function(index,　currentValue))

مثال

الحصول على قيمة الخاصية checked لمربعات الاختيار:

$("input:checkbox").change(function(){
　　$("strong").text($(this).prop("checked"));
});

تعيين قيمة الخاصية المحددة لمربعات الاختيار:

$("button").click(function(){
　　$("input:checkbox").prop("checked",　true);
});

تعطيل جميع المربعات المربوطة على الصفحة:

$(document).ready(function(){
　　$("input:checkbox").prop("disabled",　true);
});

prop() و attr()

قد تكون الفروق بين prop() و attr() مهمة في بعض الحالات.

يقدم طريقة prop() طريقة واضحة للحصول على قيمة الخاصية، بينما تبحث attr() عن الخاصية.

في هذا المثال، يتم عرض الفرق بين prop() و attr():

$("input:checkbox").change(function(){
　　$(this).prop("checked");
　　$(this).attr("checked");
});

قيمة المـ

طريقة HTML/CSS لـ jQuery