مكتبة جكويري jQuery
مكتبة jQuery هي مكتبة مجانية و مفتوحة المصدر مكتوبة بلغة جافاسكربت تسمَح لمطور مواقع الويب. بالقيام بما كان يتطلب كتابة مئات الأسطر البرمجية بأسطر معدودة.
و قد كتبها المبرمج الكبير John Resig في البداية بعام 2006 ثم طورَّها فريق من المبرمجين بالتعاون. معه و الهدف من كتابتها تغيير الطريقة. التي يكتب بها المبرمجون شيفرات JavaScript على حد قول مبدعها.
و قد نالت مكتبة جكويري خلال فترة قصيرة شُهرة واسعة اكسبتها ثقة مواقع أكبر الشركات. في العالم مثل جوجل, موزيلا, وورد برس, و ديل, و الكثير من المواقع الكبرى التي كان آخرها. موقع شركة مايكروسوفت التي تبنَّت المكتبة و ضمنتها بشكل إفتراضي مع مشاريع لغة. البرمجة ASP.NET 4 التي تكتب بإستخدام بيئة Visual Studio 2010, الكتاب هذا للكاتب مختار سيد صالح.
تثبیت jQuery و تضمينها في صفحتك
قبل أن تبدأ معي في الولوج إلى عالم المكتبة jQuery عبر دقائق هذا الكتاب يجب أن تقوم بتحميلها أولا من خلال الدخول إلى موقعها الرسمي www.jquery.com و النقر على Download.
بعد تحميل المكتبة بشكل صحيح يفترض أن يكون بحوزتك ملف بالاسم jquery.js و هي النسخة الكاملة من المكتبة و الملف ملف آخر آخر هو jquery-min.js و هي نسخة خفيفة من المكتبة تمتلك کامل ميزات النسخة الكاملة مع اختلاف بسيط في الحجم إذ أن النسخة الخفيفة ذات حجم أقل ، قم بنسخ أحد الملفين إلى المجلد الذي يحتوي مشروع الـ Web الخاص بك و أضف التعليمة التالية إلى رأس الصفحات التي ترغب باستعمال المكتبة فيها بين وسمي <head> و </head>.
<script src=”jQuery.js” type=”text/javascript”> </script>
و التعليمة السابقة هي تعليمة بسيطة كما تعلم تقوم بتضمين ملف java script معين في صفحتك لتستخدم إمكانياته و وظائفه لاحقاً.
يتم تحديد هذا الملف عبر الواصفة src التي تحمل قيمة تعبر عن مسار هذا الملف بشكل مطلق أو بشكل نسبي و في السطر السابق فإن القيمة jQuery.js تعني مساراً نسبياً يشير إلى الملف ذو الاسم jQuery.js الموجود في نفس المجلد الذي يحتوي مستند ال Web الخاص بنا ، و هكذا نكون قد نجحنا في تضمين المكتبة ضمن الصفحة و بالتالي أصبحنا جاهزين للبدء في قراءة الدقائق التالية.
أساسيات jQuery
تتكون مكتبة jQuery بشكل رئيسي من خمسة أقسام هي :
- المحددات Selectors.
- الدوال Functions.
- الأحداث Events.
- الحركات Animations.
- الإضافات Plugins.
و كما قلت في المقدمة فإن هذه المكتبة تسعى لتبسيط الأمور عند الحديث عن كتابة شيفرة Java Script لمنح تطبيقك مزيداً من التفاعلية. إذ أن المكتبة jQuery تقوم بتغليف مجموعة كبيرة من الأسطر البرمجية ضمن تابع بسيط جدا مما يسمح لك كمطور لتطبيقات الـ Web بالتركيز على وظيفة التطبيق فقط .
و كما قلت في المقدمة فإن هذه المكتبة تسعى لتبسيط الأمور عند الحديث عن كتابة شيفرة Java Script لمنح تطبيقك مزيداً من التفاعلية إذ أن. المكتبة jQuery تقوم بتغليف مجموعة كبيرة من الأسطر البرمجية ضمن تابع بسيط جداً مما يسمح لك كمطور. لتطبيقات الـ Web بالتركيز على وظيفة التطبيق فقط . تتمحور الفكرة الرئيسية لمكتبة jQuery حول تطبيق تعديل أو حركة أو دالة ما على قسم محدد من صفحة الـ Web عند. تفجير حدث معين ، و يتم تحديد القسم المراد إجراء التعديل علیه باستخدام المحددات ، و بالطبع سنقسّم الدقائق المتبقية لمناقشة كل من أقسام المكتبة بشكل مفصل و واضح بإذن الله.
دوال التعامل مع عناصر النماذج FORM ELEMENTS
تعتبر النماذج Forms من أهم العناصر في صفحات الـ Web لما لها من قيمة في تفاعل المستخدم مع تطبيق الـ Web الخاص بك. و لكن هذه الأهمية تأتي على حساب صعوبة في التعامل معها برمجياً من طرف العميل و يتجلى ذلك بوضوح من خلال عدة سيناريوهات. و لعل هذا ما دفع الهيئة العالمية W3C لدعوة مبرمجي java script إلى الحذر أثناء التعامل معها و لهذا و ذاك. تؤمن مكتبة jQuery مجموعة خاصة من الدوال للتعامل مع عناصر النماذج و تفادي أغلب المشاكل الشائعة. بأسهل الطرق و هنا نستهل حديثنا عن هذه الدوال بالحديث عن الدالة val التي تستخدم لقراءة القيم من عناصر النماذج و لها الشكل التالي :
$(‟selector‟).val();
تعيد هذه الدالة قيمة وحيدة في حال كان المحدد selector يعيد عنصراً وحيداً هي قيمة ذلك العنصر ، أما في حال كون المحدد selector يعيد أكثر من عنصر فإن الدالة val تعيد قيمة أول عنصر من هذه العناصر .
ملحوظة : يقصد بقيمة العنصر هنا القيمة التي تعرفها الواصفة value لذلك العنصر و من | الجدير بالذكر هنا أن الدالة val في حالة استدعائها. على عنصر تحديد يسمح باختيار أكثر من خيار في وقت واحد Multi-select element فإن الدالة val تعيد مصفوفة تمثل الخيارات المنتقاة من قبل المستخدم .