صفصف . . . !
زيزوومى فعال
غير متصل
الحمد لله وحده نحمده و نشكره و نستعينه و نستغفره و نعود بالله من شرور أنفسنا و من سيئات أعمالنا ,
من يهده الله فلا مظل له و من يظلل فلن تجد له ولياً مرشدا ’
و أشهد ألا إلاه إلا الله وحده لا شريك له و أن محمداً عبده و رسوله صلى الله عليه و سلم ,
و على آله و صحبه أجمعين و من تبعهم بإحسان إلى يوم الدين ’
ربنا لا علم لنا إلا ما علمتنا إنك أنت العليم الخبير ,
ربنا لا فهم لنا إلا ما فهمتنا إنك أنت الجواد الكريم ,
ربي اشرح لي صدري و يسر لي أمري و احلل عقدة من لساني يفقهوا قولي ,
و شر الأمور محدثاتها و كل محدثة بدعة و كل بدعة ضلالة و كل ضلالة في النار ,
اللهم أجرنا و قنا عذابها برحمتك يا أرحم الراحمين ,
اما بعد ,
JQuery
جيكويري : هو جعل استخدامك لـ جافا سكريبت أكثر سُهوله على موقع الويب الخاص بك .
هَمسه :
قبل البدء في دراسة JQuery ، يجب أن يكون لديك معرفة أساسية :
HTML
CSS
جافا سكربت
ما هو الجيكويري ؟
الكتابة أقل، لا أكثر"، ومكتبة جافا سكريبت.
ربنا لا علم لنا إلا ما علمتنا إنك أنت العليم الخبير ,
ربنا لا فهم لنا إلا ما فهمتنا إنك أنت الجواد الكريم ,
ربي اشرح لي صدري و يسر لي أمري و احلل عقدة من لساني يفقهوا قولي ,
و شر الأمور محدثاتها و كل محدثة بدعة و كل بدعة ضلالة و كل ضلالة في النار ,
اللهم أجرنا و قنا عذابها برحمتك يا أرحم الراحمين ,
اما بعد ,
JQuery
جيكويري : هو جعل استخدامك لـ جافا سكريبت أكثر سُهوله على موقع الويب الخاص بك .
هَمسه :
قبل البدء في دراسة JQuery ، يجب أن يكون لديك معرفة أساسية :
HTML
CSS
جافا سكربت
ما هو الجيكويري ؟
الكتابة أقل، لا أكثر"، ومكتبة جافا سكريبت.
والغرض من الجيكويري هو جعل استخدام جافا سكريبت أكثر سُهوله على موقع الويب الخاص بك.
JQuery
ياخذ الكثير من المهام المشتركه التي تتطلب العديد من أسطر التعليمات
البرمجيه لـجافا سكريبت لتحقيقه ويلتف منهم إلى الأساليب التي يمكنك الاتصال مع سطر واحد مع
التعليمات البرمجيه
الجيكويري : أيضا يبسط الكثير من الأشياء المعقدة من جافا سكريبت ، مثل AJAX والتلاعب DOM .
تحتوي مكتبة الجيكويري الميزات التالية :
JQuery
ياخذ الكثير من المهام المشتركه التي تتطلب العديد من أسطر التعليمات
البرمجيه لـجافا سكريبت لتحقيقه ويلتف منهم إلى الأساليب التي يمكنك الاتصال مع سطر واحد مع
التعليمات البرمجيه
الجيكويري : أيضا يبسط الكثير من الأشياء المعقدة من جافا سكريبت ، مثل AJAX والتلاعب DOM .
تحتوي مكتبة الجيكويري الميزات التالية :
معالجه HTML / DOM
معالجه CSS
طرق الحدث HTML
الآثار والرسوم المتحركه
AJAX
خدمات
معالجه CSS
طرق الحدث HTML
الآثار والرسوم المتحركه
AJAX
خدمات
جيكويري الأكثر شعبية ، وأيضا الأكثر قابلة للتمديد .
العديد من أكبر الشركات على الويب استخدام الجيكويري مثل :
جوجل
مايكروسوفت
IBM
نيتفليكس
هناك عدة طرق للبدء في استخدام الجيكويري على موقع الويب الخاص بك .
يمكنك تحميل مكتبة الجيكويري من jQuery.com
تشمل الجيكويري من CDN ، مثل جوجل
العديد من أكبر الشركات على الويب استخدام الجيكويري مثل :
جوجل
مايكروسوفت
IBM
نيتفليكس
هناك عدة طرق للبدء في استخدام الجيكويري على موقع الويب الخاص بك .
يمكنك تحميل مكتبة الجيكويري من jQuery.com
تشمل الجيكويري من CDN ، مثل جوجل
مكتبة جيكويري عبارة عن ملف واحد من جافا سكريبت ،
<script> يجب أن تكون العلامة داخل <head>
مثلاً :
<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>
التعديل الأخير:
