دورة الجيكويري - الدرس 17 - شرح after | مدونة ملك العرب التعليمية

السبت، 20 سبتمبر 2014

دورة الجيكويري - الدرس 17 - شرح after

السبت، 20 سبتمبر 2014 تحرير

بسم الله الرحمن الرحيم

اليوم إن شاء الله تعالى سنتعرف على after

دورها هو إضافة حدث معين بعد حدث آخر

قبل البدء أحب التنويه إلى أنه مكتبة الجيكويري حساسة لحالة الأحرف لهذا أكتبوا الأكواد كما هي ..

لنبدأ بـمثال كالعادة وليكن التالي :

<!doctype html> <html> <head> <meta charset="utf-8"> <title>after</title> <script src="lib/jquery.js"></script> <script> $(function(){ $(".add1").click(function(){ $(".add2").after(" Taha"); }); }); </script> </head> <body> <button class="add1">start</button><br /> <span class="add2"> Mohammed </span> </body> </html>

لنقم بتحليل الوثيقة كالعادة ..

قمنا بعمل عنصر button و عنصر span في وثيقتنا وأعطينا لكل واحد منهم كلاس خاص به كالتالي:

<button class="add1">start</button><br /> <span class="add2"> Mohammed </span>

ثم قمنا باستدعاء مكتبة الجيكويري الخاصة بنا وأنا منزلها على السيرفر الشخصي

ثم قمنا بكتابة أوامر سكربتنا بالطريقة المعهودة ..

قمنا بعمل تحديد للكلاس add1

- حيث إن الكلاس add1 يمثل البوطن الذي سنضغط عليه لتنفيذ أمر الإضافة

فعند الضغط على البوطن سيتم إضافة الحدث إلى المحدد add2

<script> $(function(){ $(".add1").click(function(){ $(".add2").after(" Taha"); }); }); </script>

ملاحظة : التأثير after يضيف إلى ما لا نهاية بمعنى آخر إن ضغطت على الزر أكثر من مرة سيضيف كلمة taha ما لا نهاية ..

الآن لم يتبقى سوى تطبيق السكربت ..

وأي استفسار أنا موجود إن شاء الله

في الختام أحبابي في الله أتمنى صادقا دعوة صالحة لي ولوالدي

واراكم في الدرس المقبل إن شاء الله تعالى

محبكم محمد طه

بقلم محمد طه

محمد طه مدون مغربي مهتم ببرمجة وتصميم المواقع ومهووس بتعلم كل جديد في مجال البرمجة والتصميم واحب نشر ما اعرفه ليتعلم منه الناس باسلوبي الخاص

اضغط على السمايل للحصول على الكود: :) =( :s :D :-D ^:D ^o^ 7:( :Q :p T_T @@, :-a :W *fck* x@

اضف كود (html) ركن الاسئلة !