מדריך jQuery – הקדמה
jQuery היא תשתית פיתוח עבור JavaScript שהופכת פעולות נפוצות ב- JavaScript לקלות הרבה יותר, עוזרת לשפר את חווית המשתמשים באתרים ומטפלת בהבדלים באופן המימוש של JavaScript בין דפדפנים שונים. במדריך jQuery בעברית זה נראה כיצד מוסיפים שימוש ב- jQuery לאתרים שלנו ואיך מפיקים ממנה את המירב.
מה צריך לדעת לפני jQuery
כדי להמשיך בלימוד jQuery במדריך זה, כדאי לבקר קודם במדריך HTML, ובמדריך JavaScript באתר זה, על מנת שהתחביר והקוד יהיו מוכרים ומובנים.
למה ללמוד ולכתוב jQuery
jQuery מאפשרת לפתח קוד בצורה מהירה ויעילה, תוך שימוש בפונקציות מובנות ורכיבים מוכנים. jQuery כתובה ב- JavaScript ומאפשרת להשתמש ביכולות JavaScript בצורה מופשטת ופשוטה יותר. קיימות מספר ספריות דומות ל-jQuery, שנכתבו ע"י חברות אחרות, כאשר jQuery היא הנפוצה ביותר מביניהן.
יתרונותיה העיקריים של jQuery:
- גודל קוד – קובץ ה- include קטן (24KB מוקטן ומכווץ ו- 77KB מוקטן ללא כיווץ).
- יעילות – הפעולות הן מהירות ויעילות בביצועיהן.
- תיעוד ותוספים – עקב הפופולריות הרבה ש- jQuery צברה בשנים האחרונות, התיעוד שקיים עבורה רחב ביותר ומספר התוספים שנכתבו עבורה הוא רב.
לדוגמה, נניח שיש לנו דף HTML המכיל אלמנט div בשם yelloDiv שמכיל טקסט כלשהו:
<html>
<head>
<title>Hello jQuery</title>
</head>
<body>
<div id="yellowDiv">
jQuery Tutorial
</div>
</body>
</html>
הקוד הבא ישנה את צבע הרקע של אובייקט ה- div בעל הזיהוי "yellowDiv" לצבע צהוב בעזרת JavaScript סטנדרטי:
var theDiv = document.getElementById("yellowDiv");
theDiv.style.backgroundColor = "yellow";
לעומת זאת, אותה פעולה ב- jQuery תראה כך:
$("#yellowDiv").css({ "background-color": "yellow" });
ניתן לראות שהכתיבה קצרה ופשוטה יותר, וכן קלה יותר להבנה .
התוצאה תהיה:
בפרקים הבאים במדריך jQuery נלמד כיצד להוסיף שימוש ב- jQuery לאתר שלנו, ונכיר את הפעולות שניתן לעשות בעזרת הספרייה הזאת.
תגובות בפייסבוק