סיכום שיעור

חזרה על שיעורי בית – אובייקטים

יצירת אובייקט והשמה במערך  – כשאני לא יודעת מראש כמה צריך

חזרה על שיעורי בית – בוחן

Get element by class name

מעבר על מערך של אלמנטים

שכלול שיעורי הבית ו switch-case:

http://gamani.info/prog/JS/lesson8/lesson8-files.zip

חזרנו על:

לולאות על מערכים והפונקציה map

עוד קצת על פונקציות (פונקציות חץ)

http://gamani.info/prog/JS/lesson8/lesson8-array-loop-and-functions.zip

jQuery

מצגת ותרגילי הדגמה

http://gamani.info/prog/JS/lesson8/lesson8-jquery1-class-slideshow.zip

למדנו שכדי לעבוד על jquery יש לטעון את הספריה לפני שטוענים את קבצי ה js שעושים שימוש בספריה

למדנו יצירת אובייקט של jquery באמצעות הדולר וסלקטור

הכרנו את Document ready

למדנו חיבור טיפול בארוע על אובייקט לפונקציה (באמצעות on)

הכרנו 3 ארועים

clik

mouseenter

mouseleave

הכרנו 9 אפקטים

show

hide

toggle

fadeIn

fadeOut

fadeToggle

slideUp

slideDown

slideToggle

שיעורי בית – 3 תרגילים

1 – לתרגל טיפול בארועים –

חנות פרחים Ex2_0

ניצור מצב שכאשר לוחצים על כניסה מסויימת בתפריט מוצג התת תפריט שלה – עבודה עם ids

ניצור מצב שכאשר העכבר עוזב את התפריט הפתוח הוא נעלם – לחפש class משותף לכל התפריטים הנפתחים

2 – 9 אפקטים ב JQUERY

נחבר ארוע קליק לכל אחד מתשעת הכפתורים שלנו

בכל ארוע נפעיל פונקציה על התמונה המתאימה

נסו את הפרמטרים slow  fast 200  וכד

(ברירת המחדל היא 400…)

3 – חידון בירת ישראל

כאשר לוחצים על הרמז  (.hint-box ) הרמז יוצג/יוסתר  ( .hint  ) (בגלישה מלמעלה)

כאשר לוחצים על תשובה לא נכונה ( .wrong-answer-one .wrong-answer-two .wrong-answer-three ) היא תעלם ויוצג פרצוף בוכה ( .frown )

כאשר לוחצים על תשובה נכונה ( .correct-answer ) כל התשובות האחרות יעלמו, הפרצוף הבוכה יעלם ויוצג פרצוף מחייך ( .smiley )

http://gamani.info/prog/JS/lesson8/jquery-hw.zip

חזרה לעמוד הקורס