תחי ישראל - אין לנו ארץ אחרת

תחי ישראל -אין לנו ארץ אחרת

מדריך 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 cornerSlider

דף שממנו ניתן להוריד פלגאין של jQuery שמאפשר להציג תוכן נוסף דוגמת קישורים לקריאה נוספת או פרסומים כשגוללים לאלמנט מסוים או עד לגובה מסוים בדף. ניתן לשנות את הגדרות ה-plugin כדי לשלוט במהירות הצגת התוכן הנוסף, ובכיוון התנועה שלו.

תבנית JavaScript ללא ספרייה

לא אוהב להשתמש במנועי תבנות. כשיש לי ברירה, אני מעדיף לטפל בתוכן הדינמי בדף באמצעות תבנית פשוטה שאותה אני מייצר באמצעות קצת HTML ו- JavaScript. במדריך זה הסבר איך ליצור תבנית משלכם.

תבנית JavaScript ללא ספרייה

ואידך זיל גמור...