دروس هامة في أساسيات الجي كويري

*****

     مكتبة الجي كويري هي جزء صغير من لغة الجافا سكريبت ، يمكن عن طريقها إضفاء الحيوية على صفحة الويب ، فعن طريقها يمكن بإستخدام أكواد قليلة ، عمل الكثير من التأثيرات write less, do more . وعلى الرغم من أن الجي كويري هي إحدى مكونات الجافا سكريبت إلا أنها تتميز عنها بسهولة فهمها  وتوافقها مع معظم المتصفحات الاساسية بالإضافة إلى قلة كمية الأكواد المطلوبة لتنفيذ إحدى الوظائف أو التأثيرات . وفيما يأتي سوف نستعرض بعض الدروس الهامة لمكتبة الجي كويري .

المكونات الأساسية لأكواد الجي كويري

لكي تعمل وظائف أو أوامر الجي كويري بصورة صحيحة يجب أن تتكون من :

أولا : ربط صفحة الويب بمكتبة الجي كويري

يستخدم لربط صفحة الويب بالجي كويري الرابط الاّتي :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    ويفضل إستخدام رابط مكتبة الجي كويري الإصدار الأحدث المرفوع على سيرفر شركة جوجل لأنه يساعد على سرعة تحميل الصفحة مع ضرورة ملاحظة أن يتم وضعه بين وسمي الهيد كالاّتي :
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<head/>
 ويمكن الحصول على أحدث إصدار للرابط عن طريق وضع رابط المكتبة :
https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js
     في أعلى المتصفح مع حذف رقم الإصدار الملون باللون الأحمر وترك الرقم 1 ثم ضغط كلك بجواره فيظهر سهم على يمين الرابط  ثم نقوم بالضغط عليه كما بالصورة الاتية :
إضغط على الصورة للتكبير

كما يمكن الحصول على أحدث إصدار لرابط مكتبة الجي كويري على سيرفر جوجل من الرابط التالي :
http://www.w3schools.com/jquery/jquery_get_started.asp
 تحت العنوان الفرعي :

Google CDN:

بين وسمي الهيد كالاّتي :
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
ملاحظة هامة : الاّن لدينا إصدار 1.11.1 في الحالة الأولى ولدينا الإصدار 1.12.4 في الحالة الثانية وطبيعي ستختار الإصدار 1.12.4 لأنه الإصدار الأحدث

ثانيا : كود جاهزية الصفحة

     يوجد كود هام جدا حتى تعمل اكواد الجي كويري وما بها من اوامر او تأثيرات الجي كويري بشكل صحيح حيث توضع داخله اكواد الجيكويري وترجع اهميته الى انه يمنع عمل اكواد الجي كويري وما بها من الاوامر اوالتأثيرات قبل تحميل الصفحه حيث ان عملها قبل تحميل الصفحة يؤدي الى حدوث اخطاء في تنفيذ مهمتها ويأخذ كود جاهزية الصفحة الشكل التالي :
$(document).ready(function(){

  توضع هنا اكواد الجي كويري

});

______________

ودمتم في رعاية الله

الإنتقال إلى أعلى الصفحة







ليست هناك تعليقات:

إرسال تعليق