(شرح) الـJQuery

صفصف . . . ! · ‏ابريل 4, 2016

المصدر: (شرح) الـJQuery
في منتدى : منتدى الدّورات العامّة ولُغات البرمجة

الحمد لله وحده نحمده و نشكره و نستعينه و نستغفره و نعود بالله من شرور أنفسنا و من سيئات أعمالنا ,
من يهده الله فلا مظل له و من يظلل فلن تجد له ولياً مرشدا ’
و أشهد ألا إلاه إلا الله وحده لا شريك له و أن محمداً عبده و رسوله صلى الله عليه و سلم ,

و على آله و صحبه أجمعين و من تبعهم بإحسان إلى يوم الدين ’
ربنا لا علم لنا إلا ما علمتنا إنك أنت العليم الخبير ,
ربنا لا فهم لنا إلا ما فهمتنا إنك أنت الجواد الكريم ,
ربي اشرح لي صدري و يسر لي أمري و احلل عقدة من لساني يفقهوا قولي ,
و شر الأمور محدثاتها و كل محدثة بدعة و كل بدعة ضلالة و كل ضلالة في النار ,
اللهم أجرنا و قنا عذابها برحمتك يا أرحم الراحمين ,
اما بعد ,

JQuery

جيكويري : هو جعل استخدامك لـ جافا سكريبت أكثر سُهوله على موقع الويب الخاص بك .
هَمسه :
قبل البدء في دراسة JQuery ، يجب أن يكون لديك معرفة أساسية :

HTML
CSS
جافا سكربت

ما هو الجيكويري ؟

الكتابة أقل، لا أكثر"، ومكتبة جافا سكريبت.

والغرض من الجيكويري هو جعل استخدام جافا سكريبت أكثر سُهوله على موقع الويب الخاص بك.
JQuery

ياخذ الكثير من المهام المشتركه التي تتطلب العديد من أسطر التعليمات
البرمجيه لـجافا سكريبت لتحقيقه ويلتف منهم إلى الأساليب التي يمكنك الاتصال مع سطر واحد مع
التعليمات البرمجيه
الجيكويري : أيضا يبسط الكثير من الأشياء المعقدة من جافا سكريبت ، مثل AJAX والتلاعب DOM .
تحتوي مكتبة الجيكويري الميزات التالية :

معالجه HTML / DOM
معالجه CSS
طرق الحدث HTML
الآثار والرسوم المتحركه
AJAX
خدمات

جيكويري الأكثر شعبية ، وأيضا الأكثر قابلة للتمديد .
العديد من أكبر الشركات على الويب استخدام الجيكويري مثل :
جوجل
مايكروسوفت
IBM
نيتفليكس

هناك عدة طرق للبدء في استخدام الجيكويري على موقع الويب الخاص بك .
يمكنك تحميل مكتبة الجيكويري من jQuery.com
تشمل الجيكويري من CDN ، مثل جوجل
مكتبة جيكويري عبارة عن ملف واحد من جافا سكريبت ،
<script> يجب أن تكون العلامة داخل <head>
مثلاً :

كود HTML:

<head>[/COLOR][/SIZE][/FONT][/B][/B][/CENTER][/COLOR][/SIZE][/FONT][/B][/B][/CENTER] [B][B][FONT=Book Antiqua][SIZE=5][COLOR=rgb(255, 0, 128)] [CENTER][B][B][FONT=Book Antiqua][SIZE=5][COLOR=rgb(255, 0, 128)][CENTER]<script src="jquery-1.11.2.min.js"></script> </head>
لإستخدام الـ JQuery من جوجل أو مايكروسوفت ، استخدم أحد الإجراءات التالية :

Google CDN

كود HTML:

<head>[/COLOR][/SIZE][/FONT][/B][/B][/CENTER][/COLOR][/SIZE][/FONT][/B][/B][/CENTER] [B][B][FONT=Book Antiqua][SIZE=5][COLOR=rgb(255, 0, 128)] [CENTER][B][B][FONT=Book Antiqua][SIZE=5][COLOR=rgb(255, 0, 128)][CENTER]<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> </head>
Microsoft CDN

كود HTML:

[/COLOR][/SIZE][/FONT][/B][/B][/CENTER][/COLOR][/SIZE][/FONT][/B][/B][/CENTER] [B][B][FONT=Book Antiqua][SIZE=5][COLOR=rgb(255, 0, 128)] [CENTER][B][B][FONT=Book Antiqua][SIZE=5][COLOR=rgb(255, 0, 128)][CENTER]<head> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.2.min.js"></script> </head>
مثلا لنأخذ مثال على جوجل CDN

كود:

[/COLOR][/SIZE][/FONT][/CENTER][/COLOR][/SIZE][/FONT][/B][/B][/CENTER][/COLOR][/SIZE][/FONT][/B][/B][/CENTER] [B][B][FONT=Book Antiqua][SIZE=5][COLOR=#ff0080] [CENTER][B][B][FONT=Book Antiqua][SIZE=5][COLOR=#ff0080][CENTER][FONT=Book Antiqua][SIZE=5][COLOR=#ff0080] [CENTER]<!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); </script> </head> <body> <h2>forum.zyzoom.net/</h2> <p> learn about</p> <p>jquery</p> <button>ok</button> </body> </html>
هكذا ستكون على صفحة الويب :

للتوضيح :

كود HTML:

<!DOCTYPE html>[/COLOR][/B][/B][/SIZE][/FONT][/B][/CENTER][/COLOR][/B][/B][/SIZE][/FONT][/B][/CENTER] [B][FONT=Book Antiqua][SIZE=5][B][B][COLOR=rgb(255, 0, 128)] [CENTER][B][FONT=Book Antiqua][SIZE=5][B][B][COLOR=rgb(255, 0, 128)][CENTER]<html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); </script> </head> <body> <h2>عنوان الفقره</h2> <p>الفقره الاولى</p> <p>الفقره الثانيه</p> <button>انقر هنا</button> </body> </html>
مُقدمة الشرح أختكم / صفصف . . . !

اليوناني · ‏ابريل 4, 2016

صفصف . . . ! · ‏ابريل 4, 2016

مقتبس من اليوناني: ↑

أنقر للتوسيع...

يسسسلم روووحك الجمميلةة والروعهه خيوو ~

أسيرالشوق · ‏ابريل 5, 2016

الله يعطيك العافية

شكراً لك على الشرح

صفصف . . . ! · ‏ابريل 5, 2016

مقتبس من أسيرالشوق: ↑

الله يعطيك العافية

شكراً لك على الشرح
أنقر للتوسيع...

الله يعااافي قلبك

نوووورتني بهالحضووور المميز يالغاااالي

ABU_Somaia · ‏يناير 15, 2017

بارك الله فيكم اختنا الكريمه

يتم النقل للقسم الانسب

at810 · ‏مايو 23, 2017

بارك الله فيك اخي
شرح مميز جدا و جيكويري تستعمل بكثرة بالمواقع لتسهيل العمل
شكرا لك

khabib · ‏نوفمبر 10, 2018

جزاك الله خير

تسجيل الدخول

(شرح) الـJQuery

صفصف . . . ! زيزوومى فعال

اليوناني مصمم زيزوومي مميز ★ نجم المنتدى ★ نجم الشهر فريق التصميم فريق دعم البرامج العامة

صفصف . . . ! زيزوومى فعال

أسيرالشوق عضو شرف ★ نجم المنتدى ★ الأعضاء النشطين لهذا الشهر كبار الشخصيات

صفصف . . . ! زيزوومى فعال

ABU_Somaia زيزوومي VIP ★ نجم المنتدى ★ عضوية موثوقة ✔️

at810 زيزوومى فعال

khabib زيزوومي نشيط

مشاركة هذه الصفحة

تسجيل الدخول

(شرح) الـJQuery

صفصف . . . ! زيزوومى فعال

اليوناني مصمم زيزوومي مميز ★ نجم المنتدى ★ نجم الشهر فريق التصميم فريق دعم البرامج العامة

صفصف . . . ! زيزوومى فعال

أسيرالشوق عضو شرف ★ نجم المنتدى ★ الأعضاء النشطين لهذا الشهر كبار الشخصيات

صفصف . . . ! زيزوومى فعال

ABU_Somaia زيزوومي VIP ★ نجم المنتدى ★ عضوية موثوقة ✔️

at810 زيزوومى فعال

khabib زيزوومي نشيط

مشاركة هذه الصفحة

عمليات بحث مفيدة