English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

طريقة jQuery attr()

طريقة HTML/CSS jQuery

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

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

عندما يستخدم طريقة attr()إعدادعندما تكون قيمة الخاصية، سيكونجميع العناصر المحددةإعداد زوج من الخاصية/القيمة

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

النحو:

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

$$(selector).attr(attribute)

إعداد الخصائص وقيم:

$$(selector).attr(attribute, value)

إعداد عدة خصائص وقيم:

$$(selector).attr({attribute:value, attribute:value, ...})

استخدام الدالة لضبط الخصائص وقيم

$$(selector).attr(attribute, function(index, currentValue))

مثال

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

$("button").click(function(){
  $("img").attr("src");
});
اختبار لمعرفة‹/›

إعداد خاصية src للصورة:

$("button").click(function(){
  $("img").attr("src", "icon_jquery.png");
});
اختبار لمعرفة‹/›

إعداد عدة خصائص وقيم:

$("button").click(function(){
  $("img").attr({}}
    alt: "Parrot Icon",
    title: "Image by Seagull",
    width: "350px",
    height: "300px"
  });
});
اختبار لمعرفة‹/›

استخدام الدالة لضبط الخاصية والقيمة:

$("button").click(function(){
  $("img").attr("width", function(i, val){
    return val - 60;
  });
});
اختبار لمعرفة‹/›

ضبط قيمة الخاصية src من القائمة المنسدلة:


   
تشغيل الكود

قيمة المعامل

معاملوصف
attributeتحديد اسم الخاصية
valueتحديد قيمة الخاصية
function(index, currentValue)تحديد دالة تعود لتقديم قيمة الخاصية التي يتم تعيينها
  • index-إرجاع موقع العنصر في المجموعة

  • currentValue-إرجاع قيمة الخاصية الحالية للعنصر المحدد

طريقة HTML/CSS jQuery