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

לחיצה חוזרת ונשנית על המקש Tab תעביר אתכם בין הקישורים והאזורים השונים בעמוד.

הפעלת מקשי הקיצור תלויה בדפדפן שבו אתם משתמשים.

Internet Explorer, Chrome ובגרסאות ישנות של Firefox: לחצו על מקש Alt ועל מקש המספר או האות על-פי הרשימה. ב Firefox 3 ומעלה: לחצו על המקשים Alt + Shift + המספר או האות.

S - עבור לתוכן הדף
L - חיפוש
1- עמוד הבית
2 - פרוייקטים
3 - מדריכים
4 - אודות
5 - צרו קשר
6 - הצהרת נגישות
מדריכים בנושא jQuery

מדריכי jQuery מלווים בדוגמאות רבות מסבירים כיצד לכתוב קוד javascript ביעילות וכמעט ללא כאבים, באמצעות הספרייה הפופולרית בתחום.

 

מדריך 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 כדי לשלוט במהירות הצגת התוכן הנוסף, ובכיוון התנועה שלו.