ספריות ג'אווה סקריפט – jQuery

מה זה ספריה?

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

1. STL – ספריה ב ++C שמורכבת מ header files ומשתמשת בתבניות (templates) כדי לממש מבני נתונים.
2. ספריה סטטית – קוד שעבר קומפילציה ובזמן ריצה לא ניתן להחליפו בקוד אחר.
3. ספריה דינמית – קוד שאפשר להחליפו בקוד אחר ללא צורך בקומפילציה.
4. Java Class Library – אוסף הספריות של ג'אווה (לא ג'אווה סקריפט).
5. Plugin – תוסף לתכנה, למשל תוסף לדפדפן או למעבד תמלילים.

איזה ספריות קיימות לג'אווה סקריפט?

לג'אווה סקריפט יש מספר גדול של ספריות:

1. jQuery
2. Dojo
3. Ext
4. MooTools
5. GWT
6. ועוד…

jQuery

jQuery היא ספריה שכתובה בג'אווה סקריפט והיא מאפשרת ליצור אפקטים בצורה קלה ומהירה.

דוגמא לקוד שמשתמש ב jQuery:

שימו לב לנקודות הבאות:

1. כל הקוד של ג'אווה סקריפט כאן הוא בתוך התגית head.
2. הקוד בשורה 4 מאפשר להשתמש ב jQuery. בדוגמא הזאת, הקובץ jquery.js צריך להיות באותה תיקיה שבה נמצא קובץ הדוגמא. את הקובץ jquery.js אפשר להוריד מ jquery.com, או לחלופין, התכונה src יכולה להפנות לאתר שבו נמצא הקובץ הזה.
3. הקוד בשורות 5-12 הוא קוד שמשתמש ב jQuery. בשורה 6 יש למעשה תנאי שהקוד יתבצע ברגע שה HTML DOM נטען. זה קורה בד"כ לפני הארוע onLoad ולכן זה עדיף על פני onLoad. ל jQuery יש גם מקבילה ל onLoad.
   סימן ה $ בשורות 6, 7 ו 9 הוא למעשה קיצור למילה jQuery. במקרים שמשתמשים בספריות ג'אווה סקריפט נוספות, או שמדבגים את הקוד, יש צורך להשתמש בביטוי המפורש jQuery במקום סימן ה $.
   הקוד היחודי כאן הוא בשורה 9 (כדאי לכם לנסות את זה): הסתרת ההיפר קישור בעזרת hide. את כל הפעולות האחרות אפשר לבצע בקלות בעזרת ג'אווה סקריפט, ללא כל שימוש בספריה.
   בשורה 7 מגדירים פונקציה עבור קליק עם העכבר אל כל התגיות a. במקום להיות מופנים ל http://www.google.com, ההפנייה תתבטל (שורה 8 ) והאלמנט יוסתר (שורה 9).

הדוגמא הזאת היא בסיסית אבל היא מראה את העצמה הרבה בשימוש בספריות עבור ג'אווה סקריפט.

רפרנס

אתר jQuery פה.

אתר עם דוגמאות רבות, מתאים גם לאלו שאינם מתכנתים, פה.

הסברים ל jQuery בעברית עם דוגמאות פה.