מדריך jQuery
מה זה jQuery? מה צריך כדי ללמוד jQuery? וסקריפט קטן לבדוק שהכול בסדר
השיעור הראשון על jQuery שמסביר על ספריית ה-JavaScript הפופולרית בעולם, ובונה את היסודות לשיעורים שיבואו.
jQuery - סלקטורים, אירועים, פונקציות ומתודות
במדריך השני בסדרת ה-jQuery. מוסברים בקצרה עקרונות התחביר של jQuery, שכוללים: סלקטורים, מתודות, פונקציות ואירועים.
אירועים ב-jQuery
מדריך שמסביר את נושא האירועים של jQuery דוגמת לחיצה עם העכבר על אלמנט, ואירועים נוספים שמייצרים העכבר והמקלדת. המדריך מסיים בדוגמת קוד שימושית שמדגימה אירועים של jQuery. דוגמת הקוד יוצרת שדה טקסט בטופס שלחיצה בתוכו מעלימה את הטקסט.
איתור אלמנטים בדף באמצעות jQuery
איתור אלמנטים באמצעות מתודות של jQuery דוגמת: children, find ועוד...
כיצד לקבל ולשנות תכונות של ה-DOM באמצעות ()attr ו-()val?
מדריך על פונקציות שמספק jQuery, ומאפשרות לעשות מניפולציה של attributes (מטה-תגיות של הטמ"ל) , ושל שדות בטופס.
הוספת אלמנטים לדף באמצעות jQuery
הוספת אלמנטים ל-DOM באמצעות פונקציות של jQuery דוגמת: before, after, insertBefore ודומיהם.
כיצד לקבל ולשנות תכונות באמצעות jQuery?
מדריך על המתודות ()text ו-()html של jQuery שמאפשרות לעשות מניפולציות של טקסט והטמ"ל בדף אינטרנט.
אנימציות jQuery באמצעות animate
כיצד נשתמש במתודה animate כדי להוסיף אנימציות מדליקות לאתר? ודוגמת קוד שמאפשרת להוסיף חיים לתפריטים באתר.
אפקטים של jQuery
הסבר על האפקטים של jQuery שמאפשרים להסתיר ולהציג אלמנטים ממש בקלות, ודוגמת קוד מועילה שמדגימה את נושא האפקטים, ויוצרת אקורדיון, כשלוחצים על שורה ונפתחת השורה שמתחת.
יצירת אפקטים מיוחדים באמצעות jQuery
למדו כיצד להרחיב ולהעשיר את ספריית jQuery באמצעות אפקטים כתיבת אפקטים נוספים שלא קיימים מן המוכן בספרייה.
פעולות חוזרות באמצעות המתודה jQuery.each
jQuery.each מאפשר להוסיף לולאה שתרוץ על אלמנטים דוגמת מערכים ואובייקטים.
מודל פופ-אפ בשביל סרטון youtube בעזרת jQuery
מדריך שמסביר כיצד גם אתה יכול לכתוב פופ-אפ מודל להצגת סרטוני youtube באתר אינטרנט באמצעות jQuery ו-youtube api
מערכת לשוניות לדפדוף בין תכנים באמצעות jQuery
מדריך שמלמד כיצד להוסיף מערכת של לשוניות לאתר לצורך ניווט מהיר בין תכנים באמצעות קוד jQuery פשוט.
placeholder לשדות בטופס באמצעות HTML5 או jQuery
placeholder מאוד מסייע לנגישות של טפסים, בפרט כשרוצים לחסוך במקום, מפני שהתווית נמצאת בתוך השדה עצמו. במדריך זה נלמד שתי שיטות, אחת מהן מבוססת על jQuery כדי ליישם placeholder בטופס.
שימוש ב-jQuery וב-AJAX כדי לטעון תוכן לדף באופן דינאמי
מדריך שמסביר ומדגים את הפונקציה jQuery.post שעושה AJAX ממש בפשטות. במדריך הסבר של המתודה, וסקריפט שמדגים טעינה דינמית של תוכן לדף.
קוד jQuery שמציג את התאריך בעברית
מדריך שמסביר כיצד ניתן להשתמש באובייקט date של javascript ובקוד jQuery להצגת התאריך בעברית באתרי אינטרנט.
tooltip מבוסס jQuery
טולטיפ משמש להציג מידע נוסף על אלמנטים של הטמ"ל כאשר מרחפים מעליהם עם עכבר. במדריך זה מוצג ומוסבר טולטיפ מבוסס על jQuery.
מדריך scrollTop של jQuery
מדריך scrollTop מסביר ומדגים עוד מתודה של jQuery. המדריך מלווה בדוגמת קוד שמאפשרת הופעת חלונית (פופ-אפ) כשגוללים לתחתית דף אינטרנט.
קוד jQuery להתאמת ממדי סרטון יוטיוב לרוחב המסך
קוד jQuery שמתאים את רוחב הסרטון המוטמע מיוטיוב לרוחב המסך בזמן אמת.
העלאת קובץ תמונה באמצעות jQuery ו-PHP
סקריפט להעלאת תמונות.
הורדת הפלגאין jQuery cornerSlider
דף שממנו ניתן להוריד פלגאין של jQuery שמאפשר להציג תוכן נוסף דוגמת קישורים לקריאה נוספת או פרסומים כשגוללים לאלמנט מסוים או עד לגובה מסוים בדף. ניתן לשנות את הגדרות ה-plugin כדי לשלוט במהירות הצגת התוכן הנוסף, ובכיוון התנועה שלו.
תבנית JavaScript ללא ספרייה
לא אוהב להשתמש במנועי תבנות. כשיש לי ברירה, אני מעדיף לטפל בתוכן הדינמי בדף באמצעות תבנית פשוטה שאותה אני מייצר באמצעות קצת HTML ו- JavaScript. במדריך זה הסבר איך ליצור תבנית משלכם.
ואידך זיל גמור...
