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

طريقة data() المتنوعة لjQuery

طريقة متنوعة لـ jQuery

يخزن method data() بيانات عشوائية في العنصر المحدد أو يسترجع البيانات منه.

عندما يتم استخدام method data()الحصولعندما يتم حفظ البيانات فيالعنصر الأول المحددبيانات.

عندما يتم استخدام method data() لالمخزنةعندما يتم حفظ البيانات باستخدام method data()، يتم حفظ البيانات فيجميع العناصر المحددة.

لإزالة البيانات، استخدمremoveData();الطريقة.

القواعد النحوية:

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

($(selector).data(key));

تحديد البيانات في العنصر المحدد:

($(selector).data(key, value));

استخدام الكائن لتحديد البيانات في العنصر المحدد:

($(selector).data(key, object));

مثال

استرجاع البيانات من العنصر الأول من القائمة:

($("#btn1").click(function(){));
  alert($("li").data("price"));
});
اختبار لرؤية‹/›

تحديد البيانات في عنصر DIV، ثم استرجاع البيانات:

// تحديد البيانات
($("#btn1").click(function(){));
  ($("div").data("msg", "Hello World"));
});
// الحصول على البيانات
($("#btn2").click(function(){));
  ($("div").text($("div").data("msg")));
});
اختبار لرؤية‹/›

استخدام الكائن لتحديد البيانات في عنصر DIV، ثم استرجاع البيانات:

($("button").click(function(){));
  ($("div").data("test", {first: 16, last: "pizza!"}));
  ($("span:first").text($("div").data("test").first));
  ($("span:last").text($("div").data("test").last));
});
اختبار لرؤية‹/›

البحث عن خاصية "بيانات فيديو" عبر الزر:}}

$("#videoModal").on("show.bs.modal", function(event) {
  دعـوها button = $(event.relatedTarget); // زر التفعيل لموديل
  دعـوها url = button.data("video"); // استخراج url من خاصية البيانات-فيديو
  $(this).find("iframe").attr({
    المصدر: url,
    الموافقة: "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
  });
});
اختبار لرؤية‹/›

قيمة الـ parameter

الـ parameterالوصف
الـ keyتحديد مفتاح البيانات الذي يجب إعداده (الاسم)
الـ valueتحديد القيمة التي يجب إعدادها
الـ objectيجب تحديث بيانات المفتاح/القيمة

طريقة متنوعة لـ jQuery