Return to Video

Anatomy of a jQuery Event Listener

  • 0:00 - 0:03
    ،حتى الآن
    ،كنتم تتدارسون الأحداث التي تتم على المستعرض
  • 0:03 - 0:05
    ووصلتم لأهم تفاصيلها
    .خلال تسجيلها
  • 0:05 - 0:09
    والآن حان وقت الإصغاء
    .والاستجابة لها باستخدام jQuery
  • 0:09 - 0:13
    لهذا الغرض، هناك ثلاثة عناصر تحتاجونها من أجل
    .أن توزعوا رسائل الأحداث وتتفاعلوا معها
  • 0:13 - 0:17
    تحتاجون إلى العنصر الهدف لتوزيع رسائله
    والحدث الذي نريد التفاعل معه
  • 0:17 - 0:19
    .والإجراءات المطلوب اتخاذها استجابةً لذلك
  • 0:19 - 0:20
    .دعوني أريكم مثالاً عمليًا
  • 0:22 - 0:25
    أحتاج أولاً إلى العنصر الهدف الذي
    ستوزع jQuery رسائله
  • 0:25 - 0:29
    للأحداث؛ وبالتالي سأستخدم jQuery
    .لكي أحدد الحقل input
  • 0:30 - 0:32
    .ثم سأستدعي الأسلوب
  • 0:32 - 0:34
    وأسلوب on هذا هو
    .مكمن البراعة في الأمر
  • 0:34 - 0:37
    إنه الوسيلة المبدئية التي تستخدمها jQuery
    .لإعداد موزعات رسائل الأحداث
  • 0:39 - 0:42
    والوسيطة الأولى لأسلوب on
    .هي الحدث الذي أريد أن أوزع رسائله
  • 0:42 - 0:44
    .والتي تعتبر في هذا المثال: keypress
  • 0:44 - 0:48
    ولكنها يمكن أيضًا أن تكون النقر والتغيير
    .وتحريك الماوس لتسمية البعض
  • 0:49 - 0:49
    ،وفي نهاية الأمر
  • 0:49 - 0:53
    أنا أسعى إلى تمرير دالة
    .بالإجراءات التي أريد أن تحدث كاستجابة
  • 0:53 - 0:55
    .وهذه الدالة تُدعى الاستدعاء
  • 0:55 - 0:58
    ودالة الاستدعاء الجاري
    تمريرها إلى الأسلوب on
  • 0:58 - 1:00
    .ما هي إلا دالة JavaScript عادية
  • 1:00 - 1:02
    وبالتالي يمكنها أن تحتوي على
    ،أي تعليمة JavaScript برمجية تريدها
  • 1:02 - 1:06
    بدءًا من تبديل محتوى الصفحة
    .وحتى تعليمة analytics البرمجية
  • 1:06 - 1:08
    سأغيّر محتويات الدالة
    .لكي أبدّل لون الصفحة
  • 1:10 - 1:11
    .ثم أختبرها
  • 1:11 - 1:14
    .ها هو ذا
    .يبدوا جيدًا
  • 1:14 - 1:16
    ،في الاختبار التالي
    .ستنشئون موزع رسائل الأحداث الخاص بكم
Tytuł:
Anatomy of a jQuery Event Listener
Opis:

more » « less
Video Language:
English
Team:
Udacity
Projekt:
ud245 - Intro to JQuery
Duration:
01:18

Arabic subtitles

Revisions