HTML וכל מה שמסביב

ספריות ג'אווה סקריפט – 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 בעברית עם דוגמאות פה.

מודעות פרסומת

2 תגובות »

  1. תודה רבה

    תגובה של Evelina Dovidov — 14 ביולי 2016 @ 3:47 | הגב

  2. תודה מדריך מצויין

    תגובה של Evelina Dovidov — 14 ביולי 2016 @ 3:47 | הגב


RSS feed for comments on this post. TrackBack URI

להשאיר תגובה

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

הלוגו של WordPress.com

אתה מגיב באמצעות חשבון WordPress.com שלך. לצאת מהמערכת / לשנות )

תמונת Twitter

אתה מגיב באמצעות חשבון Twitter שלך. לצאת מהמערכת / לשנות )

תמונת Facebook

אתה מגיב באמצעות חשבון Facebook שלך. לצאת מהמערכת / לשנות )

תמונת גוגל פלוס

אתה מגיב באמצעות חשבון Google+ שלך. לצאת מהמערכת / לשנות )

מתחבר ל-%s

יצירה של אתר חינמי או בלוג ב־WordPress.com.

%d בלוגרים אהבו את זה: