1. إستبعاد الملاحظة

(شرح) الـJQuery

الموضوع في 'منتدى الدورات العامة' بواسطة صفصف . . . !, بتاريخ ‏ابريل 4, 2016.

  1. صفصف . . . !

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

    إنضم إلينا في:
    ‏يونيو 1, 2015
    المشاركات:
    179
    الإعجابات المتلقاة:
    308
    نقاط الجائزة:
    250
    الجنس:
    أنثى
    الإقامة:
    سلطنه عُمان
    برامج الحماية:
    Kaspersky
    نظام التشغيل:
    Linux



    [​IMG]



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

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




    JQuery

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


    HTML
    CSS
    جافا سكربت


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

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

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

    ياخذ الكثير من المهام المشتركه التي تتطلب العديد من أسطر التعليمات
    البرمجيه لـجافا سكريبت لتحقيقه ويلتف منهم إلى الأساليب التي يمكنك الاتصال مع سطر واحد مع
    التعليمات البرمجيه

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

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

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

    جوجل
    مايكروسوفت
    IBM
    نيتفليكس


    [​IMG]



    هناك عدة طرق للبدء في استخدام الجيكويري على موقع الويب الخاص بك .
    يمكنك تحميل مكتبة الجيكويري من 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>
    




    [​IMG]


    لإستخدام الـ JQuery من جوجل أو مايكروسوفت ، استخدم أحد الإجراءات التالية :




    [​IMG]


    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>
    



    [​IMG]


    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>



    [​IMG]

    مثلا لنأخذ مثال على جوجل 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>
    




    [​IMG]

    هكذا ستكون على صفحة الويب :




    [​IMG]


    [​IMG]




    للتوضيح :


    كود 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>





    [​IMG]

    [​IMG] مُقدمة الشرح أختكم / صفصف . . . ! [​IMG]
     
    آخر تعديل: ‏ابريل 4, 2016
  2. اليوناني

    اليوناني مصمم زيزوومي مميز فريق الدعم لقسم الحماية نجم المنتدى نجم الشهر عضو المكتبة الإلكترونية المركز الثاني بمسابقة البرامج فريق الدعم لتطبيقات الجوالات

    إنضم إلينا في:
    ‏نوفمبر 13, 2014
    المشاركات:
    13,984
    الإعجابات المتلقاة:
    20,781
    نقاط الجائزة:
    2,840
    الجنس:
    ذكر
    برامج الحماية:
    Kaspersky
    نظام التشغيل:
    Windows 10
    [​IMG]
     
    أعجب بهذه المشاركة صفصف . . . !
  3. صفصف . . . !

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

    إنضم إلينا في:
    ‏يونيو 1, 2015
    المشاركات:
    179
    الإعجابات المتلقاة:
    308
    نقاط الجائزة:
    250
    الجنس:
    أنثى
    الإقامة:
    سلطنه عُمان
    برامج الحماية:
    Kaspersky
    نظام التشغيل:
    Linux

    يسسسلم روووحك الجمميلةة والروعهه خيوو ~
     
  4. أسيرالشوق

    أسيرالشوق عضو شرف الأعضاء النشطين لهذا الشهر

    إنضم إلينا في:
    ‏يونيو 2, 2008
    المشاركات:
    18,400
    الإعجابات المتلقاة:
    8,602
    نقاط الجائزة:
    1,620
    الجنس:
    ذكر
    الإقامة:
    السعودية
    برامج الحماية:
    Norton
    نظام التشغيل:
    Windows 7
    الله يعطيك العافية

    شكراً لك على الشرح
     
    أعجب بهذه المشاركة صفصف . . . !
  5. صفصف . . . !

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

    إنضم إلينا في:
    ‏يونيو 1, 2015
    المشاركات:
    179
    الإعجابات المتلقاة:
    308
    نقاط الجائزة:
    250
    الجنس:
    أنثى
    الإقامة:
    سلطنه عُمان
    برامج الحماية:
    Kaspersky
    نظام التشغيل:
    Linux
    الله يعااافي قلبك

    نوووورتني بهالحضووور المميز يالغاااالي :222X3:
     
  6. ABU_Somaia

    ABU_Somaia مراقب عام ومسئول فريق الدعم لبرامج الحماية فريق الدعم لقسم الحماية نجم الشهر فريق الدعم لتطبيقات الجوالات

    إنضم إلينا في:
    ‏ابريل 15, 2015
    المشاركات:
    5,869
    الإعجابات المتلقاة:
    8,929
    نقاط الجائزة:
    1,930
    الجنس:
    ذكر
    الإقامة:
    مصر
    برامج الحماية:
    ESET
    نظام التشغيل:
    Windows8.1
    بارك الله فيكم اختنا الكريمه

    :rose:
    يتم النقل للقسم الانسب
     
  7. at810

    at810 زيزوومي جديد

    إنضم إلينا في:
    ‏مايو 23, 2017
    المشاركات:
    120
    الإعجابات المتلقاة:
    196
    نقاط الجائزة:
    90
    الجنس:
    ذكر
    الإقامة:
    المغرب
    برامج الحماية:
    اخرى
    نظام التشغيل:
    أخرى
    بارك الله فيك اخي
    شرح مميز جدا و جيكويري تستعمل بكثرة بالمواقع لتسهيل العمل
    شكرا لك (222y)
     

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

جاري تحميل الصفحة...