أصبحت الجي كويري (jQuery) من أكثر مكتبات الجافا سكريبت (Javascript) انتشارا والأوسع استخداما حيث صارت تستخدم في 31% من أكثر عشرة آلاف موقع زيارة في الانترنت رغم أن عمرها صغير نسبيا حيث انها من مواليد 2006.
احدى أهم خصائص الجي كويري هو أنها قابلة للتوسع أي أنها توفر قاعدة للمبرمجين الذي يريدون تكوين مكتبات أخرى تعتمد على مكتبة الجي كويري الأساسية وهذا ما يسمى بالاضافة (Plug-in).
سنقوم بعمل اضافة بسيطة تقوم بالتحقق من محتوى مربعات النصوص (Text Boxs) لتوضيح مباديء عمل الاضافات (Plugins) على الجي كويري (jQuery):
الخطوة الأولى: التجهيز
قم بتكوين ملف انترنت (HTML) جديد وليكن اسمه "jQueryPluginTest.html".
ثم قم بإضافة ملف جافا سكريبت ولكن اسمه "jQuery.validate.js".
الخطوة الثانية: الكود الأساسي
اكتب الكود التالي والذي يمثل الكود الأساسي لأي ملف اضافة جي كويري:
الخطوة الثالثة: الكود
سنقوم بإضافة كود بسيط للتحقق من محتوى مربعات النصوص كما في الكود التالي:
كما هو واضح في الكود يتم التحقق من محتوى مربع النص وفي حال كان فارغا يتم تلوين حدوده باللون الأحمر وخلفيته بالون الأحمر الفاتح أما في حالة وجود محتوى فيتم مسح التعديلات على الحدود والخلفية من مربع النص.
الخطوة الرابعة: الاختبار
لنقوم بتجربة الاضافة من خلال كتابة الكود التالي لصفحة "jQueryPluginTest.html":
بتعديلات بسيطة على المكتبة يمكننا فعل ذلك , انظر الى التغير في الكود التالي:
اصبح الآن بالإمكان تمرير اسم الكلاس (Css Class) الى الاضافة كما في الصورة التالية:
