كيفية التعامل مع البيانات وتعديل الخاصيات في jQuery

اقرأ في هذا المقال


كيفية التعامل مع البيانات في jQuery

هناك العديد من التوابع التي تستخدم من أجل ربط البيانات في (jQuery)، والتي يتم من خلالها ربط عناصر محددة مع عناصر أخرى، ومن ثم قراءة تلك البيانات لاحقاً، وفيما يلي أهم هذه التوابع التي يتم استخدامها بشكل كبير في (jQuery):

التابعالاستخدام

‎.data()‎

يتم من خلال هذا التابع بتخزين بيانات عشوائية مرتبطة بالعناصر المتطابقة بحيث تكون على الشكل التالي:

‎.data( key, value ))‎)
حيث أن (key): عبارة عن سلسلة نصية تم انشاؤها من نوع (String) تشير إلى جزء من البيانات المراد تعيينه.

(value): تمثل قيمة البيانات الجديدة، ويمكن أن تكون من أي نوع من أنواع (JavaScript) ما عدا القيمة (undefined).

‎jQuery. data()‎

يقوم هذا التابع بتخزين بيانات ومن ثم يقرنها بعنصر محدَّد ومن ثم يعيد القيمة التي ضُبِطَت.

()‎jQuery. hasData

يقوم هذا التابع بالتحقق إن كان يملك عنصرٌ محدَد أي بيانات مرتبطة به حيث أنه يعيد قيمة منطقية.

jQuery‎. proxy()

يأخذ هذا التابع دالة ويعيد دالة أخرى جديدة تحوي محتوى محدد.

‎jQuery. removeData()‎

يقوم هذا التابع بحذف جزء من البيانات المُخزَّنة مسبقًا والمرفقة بعنصر محدد، حيث يعيد كائن من النوع (jQuery).

‎.remove Data()‎

يقوم هذا التابع بحذف جزء من البيانات التي تم تخزينها مسبقاً.

كيفية تعديل الخاصيات في jQuery

يتم تعديل الخاصيات في (jQuery) من خلال استخدام مجموعة من التوابع، وفيما يلي أهمها:

التابعالاستخدام

()‎.addClass

يقوم هذا التّابع بإضافة صنف أو مجموعة من الأصناف المُحدَّدة لكل عنصر من مجموعة العناصر المطابقة.

‎.attr()‎

يحصل هذا التّابع على قيمة خاصية (HTML) لأول عنصر من مجموعة العناصر المُطابقة، أو يقوم بتعيين خاصيّة (HTML) أو عدة خاصيات لكل عنصر مُطابِق.

()‎.hasClass

يقوم هذا التابع بتحديد إن كانت العناصر التي تم اختيارها بشكل مسبق تمتلك صنف معين أم لا.

‎.html()‎

يقوم هذا التابع بجلب محتوى (HTML) لأول عنصر في مجموعة العناصر المطابقة أو يقوم بتغيير محتوى (HTML) لكل العناصر المطابقة.

()‎.prop

يقوم هذا التابع بجلب قيمة خاصِّيَّة كائن محدَّدة للعنصر الأول من مجموعة العناصر المطابقة.

()‎.val

يقوم هذا التابع بإرجاع القيمة الحالية للعنصر الأول في مجموعة العناصر المُطابقة أو تعيين قيمة (value) في كل عنصر مُطابق.

المصدر: .data()jQueryjQuery MethodsjQuery Misc removeData() Method


شارك المقالة: